Jquery Fadeout Effect - Jquery

How to hide elements from visible elements using Jquery?

Snippet Code


  
Rate this page :
  [ 0 votes]

Use the below code to hide html elements from visible elements using fadeOut() method in jQuery.

<script type='text/javascript'> $(document).ready(function() { $('.fadeinn').click(function () { $('#democontent p').fadeOut(); }); }); </script> <style> #democontent p {width: 250px;} </style> <div align='center'> <a href="#" class="fadeinn">Fade Out</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>

Tags


Ask Questions

Ask Question