Jquery Fadeout Effect - Jquery
How to hide elements from visible elements using Jquery?
Snippet Code
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