Jquery Fadein Effect - Jquery
How to show elements from hidden elements using Jquery?
Snippet Code
Rate this page :
|
[ 0 votes]
|
Use the below code to show html elements from hidden elements using fadeIn() method in jQuery.
<script type='text/javascript'>
$(document).ready(function() {
$('.fadeinn').click(function () {
//duration = 400 milliseconds (by default)
$('#democontent p').fadeIn();
//duration = 3000 milliseconds
//$('#democontent p').fadeIn(3000);
});
});
</script>
<style>
#democontent p {display:none; width: 250px;}
</style>
<div align='center'>
<a href="#" class="fadeinn">Fade In</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>
