SimpleSlideToggle is a slide like jquery slideToggle, slideUp and slideDown. Vanilla javascript application for slideUp & slideDown animations. Use it to reveal and hide certain elements with a smooth sliding effect without jQuery dependency.
jquery slidedown, jquery slideup, jquery slidetoggle left, javascript slide up div from bottom, jquery slide up from bottom, jquery slidetoggle direction, jquery slide left
Slide Up/ Down Toggle Element With CSS3 Transitions | slide-element
How to make use of it:
1. Install & Download.
# NPM $ npm i simple-slide-toggle
2. Import the simpleSlideToggle.js JavaScript library.
import { slideUp, slideDown, slideToggle } from 'simple-slide-toggle'
<script src="./dist/simpleSlideToggle.js"></script>
3. Toggle the visibility of a component.
<div id="example" aria-hidden="true" aria-expanded="false"> Show/Hide Me </div>
const $target = document.getElementById('example') slideToggle($target);
4. Specify the animation speed.
slideToggle($target, 500);
jQuery slideToggle slideUp slideDown Replacement, SimpleSlideToggle Plugin/Github
See Demo And Download
Official Website(maekoya): Click Here
This superior jQuery/javascript plugin is developed by maekoya. For extra Advanced Usages, please go to the official website.