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

わかりましたので、最後に 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');
        }
        });
    });