javascript - 离开第一个元素后，如何防止隐藏的div消失？

我有JSFiddle code here。

$(document).ready(function () {

$(".dateadded").hover(
      function() {
        $dateadded = $(this);
        $content = $dateadded.next();
        $content.slideToggle(50);
      }, function() {
        $dateadded = $(this);
        $content = $dateadded.next();
        $content.slideToggle(30);
      });
});

代码按预期工作。 infobox_content是包含要显示的内容的div。我想要这样，当光标从添加日期的div（触发器）移动到infobox_content时，div不会再次消失，直到它们离开任一div。谢谢。

最佳答案

将事件管理移至包装器：

$(document).ready(function () {

    $(".infobox").hover(
      function() {
        $dateadded = $(this).find('.dateadded');
        $content = $dateadded.next();
        $content.slideToggle(50);
      }, function() {
        $dateadded = $(this);
        $content = $dateadded.next();
        $content.slideToggle(30);
    });
});

关于javascript - 离开第一个元素后，如何防止隐藏的div消失？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34391382/