0

我有一个使用 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');
    }
    });
});

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

干杯格雷厄姆

4

2 回答 2

0

尝试这个

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

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

            el.val('Show Filters');
        }
        });
    });
于 2013-05-15T11:32:18.760 回答
0

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

$('.showHideFilters').click(function() {
        $(this).toggleClass('shown');
        $('.formSelect').slideToggle(['slow','swing']);
});
于 2013-05-15T11:12:02.707 回答