Jquery mouseover显示在div之外并隐藏在mouseleave上

Question

我是Jquery的新手。

我试图在mouserover和mouseleave上显示和隐藏ousider div。

它的工作正常，如mouserover和mouseleave，但如果我将鼠标悬停在相同的div上，则不想隐藏div。

我必须使用什么技巧，所以div不能隐藏在相同div上的mouseleave上。

任何工作环节？所以我可以得到任何帮助吗？

我试过这么简单，

fiddle Link

HTML / CSS：

<div id="hover-me">Hover Me </div>
<div class="show-me">
    show this div
</div>

.show-me {
   display : none; 
   width:100%;
    background:black;
    color:#fff;
}

Jquery的：

$("#hover-me").mouseenter(function() {
    $(".show-me").slideDown();
});
$("#hover-me").mouseleave(function() {
    $(".show-me").slideUp();
});

Answer 1

试试这个： - http://jsfiddle.net/adiioo7/Zcsg8/1/

将隐藏的div保留在父div中。

<强> HTML： -

<div id="hover-me">Hover Me
    <div class="show-me">show this div</div>
</div>

Answer 2

<div id="hover-me">Hover Me 
   <div class="show-me">
      show this div
   </div>
</div>

将#show-me div放在#hover-me div中。