jQuery Accordion/Toggle Panel - 只關閉/打開特定類

社區！jQuery Accordion/Toggle Panel - 只關閉/打開特定類

我現在真的需要你的幫助。我想製作一張手風琴，可以打開所有的標籤。在網上搜索我發現了一個很好的解決方案：

每節的第一個div容器是誰關閉/打開了一個。我想定義3個div容器。一個在頂部（總是顯示），一個在中心（具有切換功能）和一個在底部（總是顯示）。這可能嗎？我該怎麼做？我是jQuery的新手，所以這讓我瘋狂。

謝謝，夥計們！

2013-01-15 user1979745

只是爲了澄清：在您的例子，你有4節。點擊每個你想要打開它的內容。每個部分的內容由3個div組成，而第一個部分是div的部分，用於點擊 - >展開。第二個在第一個點擊時打開，否則它隱藏。第三總是開放的？像代碼中的Sections3示例一樣？基本上，你想完成的一切就是第3節如何工作？ – gulty

我有4個部分 - 對。每個部分都有3個Div。第一個和第三個div應該始終可見。點擊時，我只需要第二個div（位於第一個（頂部）和第三個（底部）之間）打開/關閉自己。 – user1979745

是不是有一種方法來遍歷所有後續的Div（3），並詢問他們是否有任何一個具有特定的類名（中心），只有slideToggle（） - 函數到那一個，只有div？ – user1979745

我想你太努力了。如果我理解正確，您只需要任何.top切換相鄰的.content。因爲我更熟悉的工作的jsfiddle，我給自己定的代碼在那裏：

http://jsfiddle.net/SuyS2/1/

讓我知道如果我失去了一些東西。

UPDATE：

如果你本來想部分和內部內容切換，你可以這樣做：

http://jsfiddle.net/SuyS2/5/

$('.section-heading').click(function() { 
    $(this).next('.section-wrapper').slideToggle(); 
}); 

$('.top').click(function() { 
    $(this).next('.content').slideToggle(); 
});

來源

2013-01-15 19:08:26 isherwood

非常感謝你。這不是我想要的100％。但有一些更正，我得到它運行如何我想要它： http://jsfiddle.net/SuyS2/10/ – user1979745

不客氣。你可以這樣做：$（this）.siblings（'。content'）。slideToggle（）; – isherwood

jQuery Accordion/Toggle Panel - 只關閉/打開特定類

回答

相關問題