Необходимо настроить эффект зависания с помощью JavaScript

Question

У меня есть небольшая проблема, которую мне нужно исправить, поскольку я пытаюсь применить эффект зависания на div. Heres мой код Js.

function fan_art_in() { 
$(".fan-art-text").fadeIn("slow") 
}; 


function fan_art_out() { 
    $(".fan-art-text").fadeOut("fast") 
}; 


$(".box-1").hover(fan_art_in, fan_art_out); 

Моя проблема с этим состоит в том, что, когда вы быстро прокручивать через DIV с помощью мыши (и из элемента) функция вида складывает и повторяться, пока они не совпадают, сколько раз вы парили над элемент. Как я могу сделать это так, что как только мышь покинет элемент, он перестанет повторять функции?

Answer 1

взглянуть на функцию stop()

function fan_art_in() { 
$(".fan-art-text").stop().fadeIn("slow") 
}; 


function fan_art_out() { 
    $(".fan-art-text").stop().fadeOut("fast") 
}; 


$(".box-1").hover(fan_art_in, fan_art_out); 

скрипку: http://jsfiddle.net/FvWTL/