js动态添加和删除类

Question

我想用Jquery添加和删除类，80％都在工作，除了它只发生一次.. 另一个问题是，当我删除一个类时，它会破坏动画。 所以我对Jquery不太自信，并希望得到一些帮助。

$('.menu li').hover(function() {
     $('.menu li.active').removeClass('active');
     $(this).addClass('active');
     if ($('.menu li').hasClass('active')) {
         $('.menu').addClass("show_menu");  // simple 2 second animation css
         $(".menu").mouseleave(function(){                      
                $('.menu').addClass("hide_menu");  //simple 2 second animation css
                $('.menu li.active').removeClass('active');        
         });              
     }          
});

这有效一次，但是当我选择另一个或相同的<menu li>动画显示菜单不起作用时，我也尝试删除show_menu类，然后删除hide_menu动画会失败。

我把一个放在一起http://jsfiddle.net/mvMJ5/2/

Answer 1

您应该将事件绑定$("menu").mouseleave()放在外面。

演示：http://jsfiddle.net/7Uc72/