Slidedown - Jquery

How to create slide down effect using jquery?

Snippet Code

Rate this page :
  [ 0 votes]

This jquery code can be used to create slide down effect. Here,slideDown() method is used to display the tag

inside democontent id.

<script type='text/javascript'> $(document).ready(function() { $('.slide').click(function () { $('#democontent p').slideDown('slow'); }); }); </script> <style> #democontent p {display:none;width: 250px;} </style> <div align='center'> <a href="#" class="slide">Slide Down</a> <div id="democontent"> <p>We welcome you to Praised as the best free webmaster resources online, by our users.</p> </div> </div>


Ask Questions

Ask Question