Сначала поставьте B
внутри A
:
AAA
BBB
Затем отбросьте свой javascript и упростите жизнь с помощью простого старого css:
.b
{
display: none;
}
.a:hover .b
{
display: block;
}
Edit - Вот живой пример с использованием техники CSS: http://jsfiddle.net/gilly3/sBwTa/1/
Редактировать. Если вы должны использовать JavaScript, просто добавьте clearTimeout(time)
- show()
. Но, давайте также упростим ваш код:
$(function()
{
var time = 0;
function show()
{
clearTimeout(time);
$("BBB").show(); // Existing jQuery that does $().css("display","block")
}
function hide()
{
time = setTimeout(function()
{
$("BBB").hide();
}, 200);
}
$("AAA,BBB").mouseenter(show).mouseleave(hide);
});