У меня есть script, который показывает скрытый текст, когда вы наводите курсор на div. Но я хочу, чтобы это было отложено на 2 секунды, и если пользователь отталкивает мышь до 2 секунд, я не хочу ничего показывать.
Как это сделать?
Что у меня: http://jsfiddle.net/ZhrJT/
-
HTML:
<body>
<div>hover this</div>
<p class="hidden">unhidden!!</p>
</body>
JS:
$("body").on("mouseenter", "div", function(){
$("p").removeClass("hidden");
}).on("mouseleave", "div", function(){
$("p").addClass("hidden");
});
CSS
div {
background-color:red;
height:100px;
}
p.hidden {
display:none;
}
p {
background-color:yellow;
height:100px;
}