jquery切換多個div打開一個和其他休息

Question

問候， 我想要使用手風琴小部件（我目前使用，h3是觸發器）的方式，當選擇h3時出現另一個div，然後當選擇了不同的h3時，會出現一個新的div並且另一個div消失，依此類推。

所以我有一個三欄佈局，左欄是我的手風琴小部件，當選擇h3時，會出現一箇中間div（動畫無關緊要），並在該div內浮動右列以給出三列布局，右列將用於顯示/隱藏該中間div內的內容。我還在嗎？

請記住，默認情況下第一個h3是打開的，所以會有一個相關的中間列打開，同時浮動右邊的列也會在選中另一個h3時消失，等等。

我的jquery/javascript是最少的，我想不出任何方向去與此。

我使用切換？顯示隱藏？任何想法將不勝感激！

所以我想我想要做的是給出的效果，內容是從divs中的鏈接填充顯示/隱藏，切換或當用戶點擊鏈接而不是顯示項目的洗衣清單/內容。

Answer 1

根據你所描述的，我編寫了一個小例子。請看看這個作爲出發點和評論你有任何問題。希望這對你來說是一個很好的起點。

查看確切代碼的來源。

http://jsbin.com/ixaco

Answer 2

由於T B，這正是我一直在尋找。用你給出的代碼，你能說出是否可以從show/hide將Jquery UI效果添加到填充的div中嗎？正在考慮像一個盲目的效果或什麼的。很好奇，因爲我已經在使用UI手風琴小部件作爲我的左欄。有人想知道爲什麼我要開始調用UI庫。

您的代碼：

$(function(){ 
    $("h3").click(function(){ 
    $(".content").hide(); 
    $(this).next().show(); 
    }); 
    $("h3:first").click(); 
}); 

＃

如果我添加 「盲」：

$(".content").hide(blind); 
    $(this).next().show(blind); 

諸如此類的話，我想...基本上只是看中它一點

再次感謝。