jquery - slider div 位置重叠在另一个 div 上

Question

我想在鼠标悬停在另一个 div 上时滑动带有一些文本的 div，现在当我将鼠标悬停在第一个 div 区域时需要重复它三到四次， slider div 就在正确的位置，但是如果我将鼠标悬停在第二个 div， slider div 位于同一位置...

如果有人能解决这个问题，我将不胜感激......

这里是 demo
这是 Jquery 代码:-

$(document).ready(function () {
        $("#dvPanel1").hover(function () {
            $("#downPanel1").stop(false, true).slideDown(100);
        });
        $("#dvPanel1").mouseleave(function () {
            $("#downPanel1").stop(false, true).slideUp(100);
        });
    });
    $(document).ready(function () {
        $("#dvPanel2").hover(function (event) {
            $("#downPane2").stop(false, true).slideDown(300);

        });
        $("#dvPanel2").mouseleave(function (event) {
            $("#downPane2").stop(false, true).slideUp(300);

        });
    });

Answer 1

这是我修改后的版本，可能对你有帮助

http://jsfiddle.net/vonDy2791/9TAYn/4/

#downPane2 {
    display:none;
    float:left;
    width:765px;
    position:absolute;
    background-color: Aqua;
    top:360px;
    height:175px;
    margin-left:0px;
    z-index:100
}