Slidedown - Jquery
How to create slide down effect using jquery?
Snippet Code
Rate this page :
|
[ 0 votes]
|
This jquery code can be used to create slide down effect. Here,slideDown() method is used to display the tag
inside democontent id.
<script type='text/javascript'>
$(document).ready(function() {
$('.slide').click(function () {
$('#democontent p').slideDown('slow');
});
});
</script>
<style>
#democontent p {display:none;width: 250px;}
</style>
<div align='center'>
<a href="#" class="slide">Slide Down</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>
