jquery - slideToggle 回调函数不起作用

Question

我有一个使用 slideToggle() 方法来显示隐藏元素的按钮。我只是想在上滑完成后更改按钮的值。我曾尝试使用回调函数来更改此值，但我无法让它工作。

$('#toggleFilters').click(function(){
    var el = $(this);
    $('.formSelect').slideToggle(['slow','swing'], function() {

    if($(this).is(":hidden")) {
        $(el).val('Show Filters');
    } else {
        $(el).val('Hide Filters');
    }
    });
});

如果有人能指出我正确的方向，那将不胜感激？

干杯格雷厄姆

Answer 1

尝试这个

    $('#toggleFilters').click(function(){
        var el = $(this);
        $('.formSelect').slideToggle(['slow','swing'], function() {

        if($(this).is(':visible')) {
            el.val('Hide Filters');
        } else {

            el.val('Show Filters');
        }
        });
    });

Answer 2

好的，所以我没有费心查看最后的 slideToggle() 回调，而是使用了 classToggle 函数。

$('.showHideFilters').click(function() {
        $(this).toggleClass('shown');
        $('.formSelect').slideToggle(['slow','swing']);
});