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

好的，所以我没有费心去看看最后的slideToggle（）回调，而是选择了classToggle函数。

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

Answer 2

试试这个

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

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

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

slideToggle回调函数不起作用

2 个答案: