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