jQuery:if() 不适用于动态事件？

Question

我想根据其后面的div元素动态更新 anchor 元素的text。首先我尝试使用is()它没有像我预期的那样为我工作，jsfiddle为此。

$(document).on('click','a#toggle_info',function(){
   $("div#info").slideToggle('slow');

    if($("div#info").is(":visible"))
   {
      $(this).text('Hide');  
   }
   else
   {  
    $(this).text('Show');               
   }       
 });

无论如何，我找到了替代方案，如jsfiddle所示.但我想知道为什么我的第一种方法不起作用。

Answer 1

您正在使用slideToggle，因此您的dom需要等待动画完成。

您可以做的是将代码包装在回调函数中。

$("div#info").slideToggle('slow',function(){
   if($("div#info").is(":visible"))
   {
      $('#toggle_info').text('Hide');  
   }
   else
   {  
    $('#toggle_info').text('Show');               
   }    
});