Show & Hide effects using JQUERY
Our div layer id=d1
So to hide this layer we can use like this
To display this layer ( un – hide ) we can use like this
We will integrate the hide and display effects with the Click event of the buttons
Using Single buttonInstead of using two buttons we can use single button to get the same output. We will be changing the text of the label written over the button and will match it to use the show or hide effect.
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.
Time in milliseconds
To slow the displaying of div layer
To fast the hide of div layer
To add 5000 milli seconds delay
We can combine the effects of show hide and use one effect toggle(). This will hide the display element and show the hidden element.
This article is written by plus2net.com team.
|Most Popular JQuery Scripts|
|Two dependant list boxes|
|Calendar with Date Selection|
|Data change by Slider|
|Show & Hide element|