Как запустить функцию при наведении мыши на все события при наведении курсора в jQuery?

Question

У меня есть 4 элемента с одинаковым именем класса, которые все реагируют, когда зависают над ...

Есть ли способ: - Запустить функцию, когда я больше не нахожусь на каком-либо из классов?

Вот что у меня есть -

HTML:

<div class = "item">Hello</div>
<div class = "item">Hi</div>
<div class = "item">Ok</div>
<div class = "item">Wahoo</div>

JQuery:

$('.item').hover(function(e) { 
    $(this).addClass('hover');
    $('.item:not(.hover)').each(function(index) {
        $(this).fadeTo('400', 0.5);
    });
    $('.hover').fadeTo('400', 1);

}, function(e) {    
    $(this).removeClass('hover');
    $('.item').fadeTo('400', .5);
});

По сути, я пытаюсь имитировать функциональность: http://labs.dragoninteractive.com/

Answer 1

Это должно сработать.

$('.item').hover(function(e) {
        $('.item').stop().each(function(index) {
                $(this).stop().fadeTo('400', 0.5);
        });
        $(this).stop().fadeTo('400', 1);

}, function(e) {        
        $('.item').stop().fadeTo('400', 1);
});