jQueryslideToggle()方法通过对选定元素进行动画处理来显示或隐藏选定元素的高度,这样,如果最初显示该元素,它将向上滑动;如果隐藏,它将向下滑动,即在slideUp()和slideDown() 方法之间切换。
<script>
$(document).ready(function(){
// Toggles paragraphs display with sliding
$(".toggle-btn").click(function(){
$("p").slideToggle();
});
});
</script>
类似地,您可以为slideToggle()方法(如slideUp()和slideDown()方法)指定持续时间参数,以控制幻灯片切换动画的速度。
<script>
$(document).ready(function(){
// Slide Toggles paragraphs with different speeds
$(".toggle-btn").click(function(){
$("p.normal").slideToggle();
$("p.fast").slideToggle("fast");
$("p.slow").slideToggle("slow");
$("p.very-fast").slideToggle(50);
$("p.very-slow").slideToggle(2000);
});
});
</script>
同样,您也可以为该方法指定一个回调函数slideToggle()。
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jQuery