jquery - 使用 jQuery $this 定位单个 div

Question

非常感谢任何帮助，基本上，当您将鼠标悬停在单个 div 上时，我需要以下（js fiddle 链接）才能工作。

如您所见，它已应用于所有 div。我曾尝试使用 $this 但我显然编码错误。

jQuery

$('.exampleholder').hover(function() {
$(this).slideDown();
});

$('.flyout').mouseout(function() {
window.isoverdiv = false;
setTimeout(function() {
if (!window.isoverdiv) {
$('.flyout').slideUp();
}
}, 1000);
});
$('.flyout').mouseover(function() {
window.isoverdiv = true;
});

js小提琴

Answer 1

$('.flyout').mouseout(function() {

    window.isoverdiv = false;
    var $this = $(this);

    setTimeout(function() {
        if ( ! window.isoverdiv ) {
            $this.slideUp();
        }
    }, 1000);
});

Answer 2

您想将 限制slidedown()为仅next() .flyout元素。

$('.exampleholder').hover(function() {
  $(this).next('.flyout').slideDown();
});

这是jsFiddle。