jQuery的切换不能正常工作

Question

我有这样的jQuery代码：

$('.item_bar_action_holder_drop a').click(function() { 
      var item_bar = $('.item_bar_action_holder_actions'); 
      if(item_bar.is(':visible')) { 
       $(this).removeClass('active'); 
      } else { 
       $(this).addClass('active'); 
      } 
      item_bar.slideToggle('fast', function() { 
      }); 
     }); 

这里的问题是，当我点击多少次按钮“活动”类将设定为关闭面板和它的错。我不明白为什么它发生。

Answer 1

检查是否item_bar被动画的时候，不要再排队行为，如果它是：

$('.item_bar_action_holder_drop a').click(function() { 
    var item_bar = $('.item_bar_action_holder_actions'); 
    if (item_bar.is(':animated')) { 
     return; 
    } 
    ... 
}); 

Answer 2

Basic slideToggle() example.

我猜你的活动类的CSS是=显示：块;你的item_bar的默认CSS是display：none;如果我是正确的;你可以用这种方式太：

$(document).ready(function() { 
    $('.item_bar_action_holder_drop a').click(function() { 
     var item_bar = $('.item_bar_action_holder_actions'); 

     item_bar.removeClass('active');//removes class from all 
     $(this).addClass('active');//adds class clicked one 

     if(item_bar.is(':visible')) {//edited here ! 
     item_bar.slideToggle('fast',function() { 
      $(this).removeClass('active');//removes class when animate complete 
     }); 
     } 
    }); 
    //if you want to show first panel when your document is ready 
    $('.item_bar_action_holder_actions:first').show().addClass('active'); 
}); 

注意：您没有显示你的HTML，所以我试图猜测您的HTML。