Jquery Fadein Effect - Jquery

How to show elements from hidden elements using Jquery?

Snippet Code

Rate this page :
  [ 0 votes]

Use the below code to show html elements from hidden elements using fadeIn() method in jQuery.

<script type='text/javascript'> $(document).ready(function() { $('.fadeinn').click(function () { //duration = 400 milliseconds (by default) $('#democontent p').fadeIn(); //duration = 3000 milliseconds //$('#democontent p').fadeIn(3000); }); }); </script> <style> #democontent p {display:none; width: 250px;} </style> <div align='center'> <a href="#" class="fadeinn">Fade In</a> <div id="democontent"> <p>We welcome you to Hscripts.com. Praised as the best free webmaster resources online, by our users.</p> </div> </div>


Ask Questions

Ask Question