想要一個類似手風琴的結構，除了默認顯示 - 推薦？

Question

正如標題所示，我正在尋找一組不錯的水平按鈕或標籤，默認情況下會顯示所有子div，其餘的按鈕/標籤會關閉除您點擊的所有按鈕或標籤之外的所有內容。顯示全部預計爲第一個按鈕/標籤。我總是可以寫我自己的代碼來做到這一點，但總的來說，爲什麼要重新發明輪子...

建議？

編輯：所以這裏是我想出了基於建議：

的Jquery：

$("#tabs ul li a").click(function(e){ 
    e.preventDefault(); 
    var id = $(this).attr('href'); 
    $(id).show().siblings().not('ul').hide(); 
}); 

HTML：

<div id="tabs"> 
    <ul> 
     <li><a href="#tab1">tab 1</a></li> 
     <li><a href="#tab2">tab 2</a></li> 
     <li><a href="#tab3">tab 3</a></li> 
     <li><a href="#tab4">tab 4</a></li> 
    </ul> 
    <div id="tab1">info 1</div> 
    <div id="tab2">info 2</div> 
    <div id="tab3">info 3</div> 
    <div id="tab4">info 4</div> 
</div> 

Answer 1

不知道這到底是什麼你」再問，但jQuery UI accordian功能之外，隱藏和顯示兄弟元素通過鏈接調用非常簡單：

$('div#id').click(function(){ 
    $(this).show().siblings().hide(); 
}); 

很明顯，這是一個非常基本的例子，不涉及子元素，但希望你能明白。