Jquery Code For Fade Out - Jquery

How to use fadeout in jquery?

Snippet Code

Rate this page :
  [ 0 votes]

This simple jquery code allows you to create a fadeout effect for the text. Fadeout is a simple method which hides the visible content when the fadeout event is triggered. Sample code to create fadeout effect is given below,.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type='text/javascript'> $(document).ready(function() { $('.fadeout').click(function () { $('#test p').fadeOut("slow"); }); }); </script> <style> #democontent p {width: 250px;} </style> <div align='center'> <a href="#" class="fadeout">Fade Out</a> <div id="test"> <p>A good collection of programming code snippets for web developers. These tips and tricks will help you to minimize the time of analysing or finding solution for small programming logics.</p> </div> </div>


Ask Questions

Ask Question