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>
