Question

我的问题是，当slideToggle函数被调用为“up”（滑动备份/隐藏）时，我该怎么办？

    $('#achs').click(function() {
         $('#ach').slideToggle(function() {

//When slideToggle is going to hide, I wish to addCss to something else. 

            });
        $('#ach').addClass('active');
    });

Answer 1

$('#achs').click(function() {
    $('#ach').slideToggle(function() {
         if($("#ach").is(":visible")) {
            // do something
         }
    });
    $('#ach').addClass('active');
});

Answer 2

假设您想要在元素 about 时添加CSS以向上滑动，而不是在完成向上滑动时添加CSS，您可以使用:visible选择器在致电slideToggle()之前：

$("#achs").click(function() {
    var $this = $(this);
    if ($this.is(":visible")) {
        // Add CSS to something else...
    }
    $this.slideToggle().addClass("active");
});

如果您希望在元素结束向上滑动时添加CSS，您可以依赖传递给slideToggle()的回调函数并使用:hidden选择器进行测试（因为在调用回调之前，元素将隐藏在动画的末尾）：

$("#achs").click(function() {
    $(this).slideToggle(function() {
        if ($(this).is(":hidden")) {
            // Add CSS to something else...
        }
    }).addClass("active");
});

jquery - 滑出时的slidetoggle功能

2 个答案: