jQuery Slide Toggle


jQuery Slide Toggle : If you want toggle functionality in your web page you can add this with $(selector).slideToggle(speed,callback).


Syntax of jQuery Slide Toggle

Here is syntax to create slide toggle effect in jQuery.

$(selector).slideToggle(speed,callback);

Speed : Speed is optional. Add milliseconds you want to toggle.

Callback : Callback function is optional. You can add function to be called when it completes the sliding effect.

jQuery Slide Toggle Example


<script type="text/javascript">
         $(document).ready(function(){
          $("#slide").click(function(){
           $("#demoDiv").slideToggle();
          });
          });
</script>    

Try it »

jQuery Slide Toggle More Examples

[table width=”100%” colwidth=”20|100|50″ colalign=”left|left|center|left|right”]
No, Slide Down Effect ,Syntax, Example & Demo
1,Slide Toggle “slow”, $(selector).slideToggle(“slow”);,See Detail & Demo »
1,Slide Toggle “fast”,$(selector).slideToggle(“fast”);,See Detail & Demo »
1,Slide Toggle “miliseconds”,$(selector).slideToggle(600);,See Detail & Demo »

[/table]

jQuery Slide Some Common Examples

Coming soon more simplifying use of jQuery …


User Ans/Comments

📖 Read More


Advertisements