jQuery slideUp（）麻烦

Question

我在开发jQuery'对象'时遇到问题。我想div1（参见下图）是带有图像的背景div（使用背景图像）。然后我会喜欢div 2（参见下图）覆盖div 1，我可以这样做。但是，由于我对jQuery的经验不足，所以我正在努力解决下一个问题。我想，当你将鼠标悬停在div 2上时，我使用jQuery slideDown（）/ slideUp（）来显示和隐藏div 3（参见下图）。它也需要在向上滑动时不关闭（因为光标将不再在div 2上）。只有当你不再盘旋在整个物体上时它才会关闭。我希望这是有道理的......我只是不知道从哪里开始。如果需要更多信息，请询问。

Answer 1

这样的事情我应该这样做，或者至少它会为你提供一个起点，并进一步改进。

<强>标记

<div class="wrapper">
    <div class="one"></div>
    <div class="two"></div>
    <div class="three"></div>
</div>

<强> CSS

.wrapper {
    float: left;
}
.one {
    background-color: grey;
    width: 100px;
    height: 100px;
}
.two {
    background-color: blue;
    width: 100px;
    height: 20px;
}
.three {
    background-color: green;
    width: 100px;
    height: 100px;
    display: none;
}​

<强>的JavaScript

$(function () {
    $(".two").mouseenter(function (){
         $(".one, .three").slideToggle();
    });
    $(".wrapper").mouseleave(function (){
         $(".one, .three").slideToggle();
    });
});​

实例： http://jsfiddle.net/ZHxe5/1/