我怎樣纔能有一個孩子元素操縱父母兄弟姐妹？

Question

這是我的數據是這樣的：

<div class="shower"> 
</div> 
<div class="container"> 
    <div class="box"> 
     <div class="hider"> 
     </div> 
    </div> 
</div> 
<div class="shower"> 
</div> 
<div class="container"> 
    <div class="box"> 
     <div class="hider"> 
     </div> 
    </div> 
</div> 

的onclick藏起來的我想隱藏（）.container並顯示.shower多數民衆贊成位於前最接近.container。點擊.shower我想隱藏.shower被點擊並顯示下一個.container。

我如何在jQuery中實現這一點？我應該重構我的html嗎？

Answer 1

事情是這樣的：

$('.hider').click(function(e) { 
    var container = $(this).parent().parent(); 
    container.hide(); 
    var shower = container.prev(); 
    shower.show(); 
}) 

的jsfiddle：

• http://jsfiddle.net/eqDWk/

或者這個，如果你想使用closest：

$('.hider').click(function(e) { 
    var container = $(this).closest('.container'); 
    container.hide(); 
    var shower = container.prev(); 
    shower.show(); 
}) 

的jsfiddle：

• http://jsfiddle.net/eqDWk/1/

Answer 2

基於icyrock's漂亮的代碼，你想補充一點再次顯示容器：http://jsfiddle.net/Z7ZTN/1/