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

回答

相關問題