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>
