热门关键字:
jquery > jquery教程 > jquery教程 > jQueryslideToggle()方法

jQueryslideToggle()方法

278
作者:管理员
发布时间:2021/1/26 18:17:19
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3484
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
友荐云推荐