slideUp & slideDown effects using JQUERYWe have two buttons and one div layer to slideup or slideDown display text.Our div layer id=d1
So to slideUp the layer we can use like this
To slideDown this layer we can use like this
We will integrate the slideUp and slideDown effects with the Click event of the buttons
Adding speed of transitionWe can add optional parameter to speed up or slow down the transition from show to hide or hide to show. We can add these three choice as option.slow fast Time in milliseconds To slow the sliding up of div layer
To fast the slide down of div layer
To add 5000 milli seconds delay
We can combine the effects of sliding down and use one effect slideToggle().
This article is written by plus2net.com team.
![]() |
Most Popular JQuery Scripts | |
1 | Two dependant list boxes |
2 | Calendar with Date Selection |
3 | Data change by Slider |
4 | Show & Hide element |