Press "Enter" to skip to content

jQuery Slide Like slideToggle slideUp slideDown Replacement | SimpleSlideToggle.js

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.

Be First to Comment

    Leave a Reply

    Your email address will not be published.