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'); 
     } 
     }); 
    });