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