Jquery Fade Out Example - Jquery

How to give fadeout effect in jquery?

Snippet Code

Rate this page :
  [ 0 votes]

Fadeout is a method used to hide the content which is in visibility."p" tag contains the content to be hide. fadeOut("slow") is a function used to hide the content slowly or your required values "slow", "fast" or Milliseconds.

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


Ask Questions

Ask Question