Jquery - добавить класс по наведению

Question

я хочу, когда мышь идет на li JQuery добавить класс к элементу:

<ul class="menu"> 
    <li>Menu Item</li> 
    <li>Menu Item</li> 
    <li>Menu Item</li> 
    <li>Menu Item</li> 
</ul> 

<script type="text/javascript"> 
var myMenu = $('.menu').children('li'); 

myMenu.on({ 
    mouseenter: function() { $(this).addClass("is_hovered"); }, 
    mouseleave: function() { $(this).removeClass("is_hovered"); } 
}); 
</script> 

Но я хочу, чтобы удалить класс, только если мышь идет на другом li, если не держать класс на элементе.

Возможно ли это?

Answer 1

Не используйте обработчик MouseLeave в этом случае, на MouseEnter удалить парил класс от других элементов

var myMenu = $('.menu li'); 

myMenu.mouseenter(function() { 
    myMenu.filter('.is_hovered').removeClass("is_hovered"); 
    $(this).addClass("is_hovered"); 
}); 

Демо: Fiddle