jQueryslideUp()和slideDown()方法用于通过逐渐减小或增加其高度（即，通过上下滑动）来隐藏或显示HTML元素。
例试试这个代码»
<script>
$(document).ready(function(){
// Slide up displayed paragraphs
$(".up-btn").click(function(){
$("p").slideUp();
});
// Slide down hidden paragraphs
$(".down-btn").click(function(){
$("p").slideDown();
});
});
</script>
与其他jQuery效果方法一样，您可以选择为slideUp()和slideDown()方法指定持续时间或速度参数，以控制幻灯片动画的运行时间。可以使用预定义的字符串'slow'或之一来指定持续时间，也可以'fast'以毫秒为单位；较高的值表示较慢的动画。
例试试这个代码»
<script>
$(document).ready(function(){
// Sliding up displayed paragraphs with different speeds
$(".up-btn").click(function(){
$("p.normal").slideUp();
$("p.fast").slideUp("fast");
$("p.slow").slideUp("slow");
$("p.very-fast").slideUp(50);
$("p.very-slow").slideUp(2000);
});
// Sliding down hidden paragraphs with different speeds
$(".down-btn").click(function(){
$("p.normal").slideDown();
$("p.fast").slideDown("fast");
$("p.slow").slideDown("slow");
$("p.very-fast").slideDown(50);
$("p.very-slow").slideDown(2000);
});
});
</script>
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery