Javascript jQuery悬停淡出/淡出/滑动切换

当我悬停时，我可以得到我所需要的效果，但当我将鼠标移动到“我的列表”a标记时，

#bb

div消失了。我怎样才能使它停留在那里，因为我需要点击它

HTML:

<div id="aa">click</div>
<div id="bb"> <a href="">my list</a></div>

$('#bb').hide();
$('#aa').hover(function(){
    $('#bb').slideToggle();
});

---

此处的联机示例-

更改HTML，使锚定位于绑定mouseenter/leave事件的元素内：

<div id="aa">click
    <div id="bb"> 
        <a href="">my list</a>
    </div>
</div>

点击

---

在这里工作-。

HTML:

---

将您的HTML更改为：

<div id="wrapper">
    <div id="aa">click</div>
    <div id="bb"> <a href="">my list</a></div>
</div>

---

演示：

olo，您可以尝试使用单击事件而不是悬停，这将为您提供所需的结果

---

您可以在这里查看http://jsfiddle.net/9tjZK/8/

a{background:transparent；}

这非常有效。我总是用这种方式。。您不需要编写额外的代码

$('#bb').hide();
$('#aa').mouseenter(function(){
    $('#bb').fadeIn();
});

$('#container').mouseleave(function(){
   $('#bb').fadeOut();
});

<div id="wrapper">
    <div id="aa">click</div>
    <div id="bb"> <a href="">my list</a></div>
</div>

$('#bb').hide();

$("#wrapper").hover(
  function () {
    $('#bb').stop(true, true).slideDown();
  },
  function () {
    $('#bb').stop(true, true).fadeOut();
  }
);