使用A Href顯示Div並隱藏其他人

Question

我有一個包含一些鏈接的菜單。像這樣：

<ul id="nav"><li><a href="#" class="tartalom">Some Div 1</a></li><li><a href="#" class="tartalom2">Some Div 2</a></li></ul> 

這是我的div。

<div class="tartalom1>Bla bla bla</div> 

    <div class="tartalom2>Yeeah yeah yeah</div> 

如何使之成爲可能的，如果我的鏈接點擊打開與同一類的div和關閉等，如果他們是開放的？我試過這個，但它不會幫助：

$(document).ready(function(){ 
    $('.tartalom').click(function(){ // set of divs to be clickable 
    $(this).siblings('div').hide(); // it's already showing, right? 
}); 
}); 

Answer 1

您需要首先到達封閉的div以訪問兄弟div。您可以使用closest()函數查找與搜索條件匹配的最近的祖先。

Live Demo

$(document).ready(function(){ 
    $('.tartalom').click(function(){ // set of divs to be clickable 
     $(this).closest('div').siblings('div').hide(); // it's already showing, right? 
    }); 
}); 

也錯過的tartalom1收盤報價和申報單tartalo2類。