如何讓div在懸停時消失，另一個出現？

我想擁有2個不透明的div。一個在場的，一個在場的，當一個。被徘徊。 - >由於不透明度，當第二個div出現時，第一個div需要消失而不可見。如何讓div在懸停時消失，另一個出現？

我試着這樣做：

<div id="box"> 
    <a href="#" class="infobox">Hover me<div class="HideNseek">This is hidden.</div></a> 
</div> 

#box { 
    background-color: rgba(0,0,0,0.6); 
    height: 480px; 
    width: 600px; 
    padding: 15px; 
    float: left; 
    margin-left: 200px; 
    margin-top: 120px; 
} 
a.infobox { 
    position: relative; 
    text-decoration: none; 
} 
a.infobox div.HideNseek { 
    display: none; 
    z-index: 100; 
} 
a.infobox:hover div.HideNseek { 
    display: block; 
    background-color: rgba(0,0,0,0.6); 
    height: 480px; 
    width: 600px; 
    padding: 15px; 
    float: left; 
    margin-left: -15px; 
    margin-top: -34px; 
}

如何讓第一個div消失？

來源

2013-12-14 Glenn

使用jQuery -

$('.infobox').hover(function(){ 
    $(this).parent('div').hide(); 
});

要讓它重新出現：

$('.infobox').hover(function(){ 
    $(this).parent('div').hide(); 
},function(){ 
    $(this.parent('div').show()) 
});

來源

2013-12-14 17:02:23 ggdx

我用jQuery絕對可怕，把這確實讓格消失，但是第二個div沒有出現？ +第一個div保持隱藏，而我需要它再次出現。 – Glenn

當然不是。第二個是第一個孩子。如果你想隱藏第一個，其中的內容將被隱藏。 – ggdx

我已經更新了我的答案，當懸停關閉時重新出現 - 請注意，當div消失時，：懸停將不再適用。你需要重新思考div結構才能工作。 – ggdx

如何讓div在懸停時消失，另一個出現？

回答

相關問題