jQuery拉出div div div

我必须在彼此的顶部盒子，我想隐藏上面的一个人，如果有人在它上空盘旋。 HTML：jQuery拉出div div div

<div id="left_middle"> 
<div id="rfinder_UP"></div> 
<div id="rfinder_DWN"></div> 
</div>

CSS：

#left_middle { 
position:relative; 
float: left; 
width: 235px; 
min-height: 220px; 
background:green; 
margin-right: 10px; 
-moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -ms-border-radius: 5px; 
    -o-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 

} 

#rfinder_UP, 
#rfinder_DWN { 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -ms-border-radius: 5px; 
    -o-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
} 

#rfinder_DWN{ 
background: url(images/rfinderapp_DWN.png) no-repeat; 

} 

#rfinder_UP { 

    background: url(images/rfinderapp_UP.png) no-repeat; 
    z-index: 10; 
}

$(document).ready(function(){ 
$("#rfinder_UP").mouseover(function(){ 
    $("#rfinder_UP").hide(); 
    }); 
$("#rfinder_DWN").mouseout(function(){ 
    $("#rfinder_UP").show(); 
    }); 
});

现在我想，不仅隐藏与.hide上div来实现这一目标，但不知何故拔不出来的底部的left_middle div。是否有捷径可寻？我尝试了很多不同的其他jQuery特效，如animate，slideDown等，但找不到工作解决方案。

在此先感谢！

我在这里创建了一个jsFiddle：http://jsfiddle.net/qEcp8/ 红色方块在悬停中显示黑色时消失。我想要的是红色的一个滑落，离开left_middle框。

来源

2014-02-16 LL1997

我创建了一个用的jsfiddle您代码[这里]（http://jsfiddle.net/DLdL8/），但它似乎不是一个出发点来帮助你。也许你可以修改它，你的问题会更容易理解 – Reger

我删除固定位置和上/左：0，它的工作，如果我理解你的问题的权利。当我徘徊时。它消失了，当我离开下来它再次显示。 –

它在我让它出现并消失时起作用。我试图实现的是，这与一个动画拉动较高的股利下来，并从父div。 – LL1997

$("#rfinder_UP").hover(function() { 

    $('#rfinder_DWN').animate({height:"100%"}); 
}, function() { 
    $('#rfinder_DWN').animate({height:"0"}); 

} 
);

DEMO：http://jsfiddle.net/EyVd6/1/

请查看完整的代码，我已经改变了你的HTML和CSS相应...

来源

2014-02-16 22:01:03 sinisake

试试这个：

#rfinder_UP:hover { 
    display:none; 
}

来源

2014-02-16 21:46:12

不幸的是，一个不会动画淡出并且不起作用！ http://jsfiddle.net/2UGLC/ – LL1997

jQuery拉出div div div

回答

相关问题