2010-07-21 156 views
1

希望有人可以協助我使用的手風琴菜單插件,特別是示例3:非手風琴(標準可展開菜單)。手風琴菜單幫助

看:>Accordion Menu

我基本上是試圖使用由在那裏我有5個菜單選項,其中兩個出五個有子菜單和其它三個不要」這種摺疊式菜單的例子3選項噸 - 他們只是直接調用一個頁面。

實施例:

菜單甲
B菜單
子菜單B1
子菜單B2
菜單Ç
菜單d
子菜單D1
子菜單D2
子菜單D3
子菜單D4
菜單E

一切工作正常,但我後,並不確定如何將代碼合併是,如果最初整個菜單崩潰,我點擊菜單B,這滑下菜單B內容爲這個菜單,什麼我之後是,只要我點擊另一個菜單選項,說菜單A或甚至其他子菜單選項D,如果有一個現有的手風琴菜單展開,我想看到菜單B崩潰時,我點擊菜單A(無子菜單)或菜單D(帶子菜單)。

只是想知道如果人們可以協助將這個功能插入到這個插件例如3從這個網站。

謝謝。

+1

我只是看了看你提供的鏈接,例子#4看起來好像完全符合你的需求。您應該再次檢查該網站,看起來您只需添加2個CSS類即可獲得所需的效果。 – Zachary 2010-07-21 15:01:39

+0

感謝您的快速回復Zachary - 我看過示例#4,但這似乎打開了第一個可用的子菜單的手風琴菜單,這不是我所追求的,並且不確定如何修改此以便expandfirst類沒有被利用。有任何想法嗎? – tonyf 2010-07-21 15:09:46

+0

非常感謝Zachary - 帶頭領導,只需要爲沒有ul的li創建一個班級。代碼我用,如果有人可能會感興趣的是:\t \t如果($(本).hasClass( 'NOSUB')){ \t \t \t \t $( '#' +父母+ 'UL:可見')。效果基本show(」正常'); \t \t \t \t $(「ul.menu li ul li a」)。removeClass( 「currentSubMenu」); \t \t \t} – tonyf 2010-07-22 15:01:33

回答

1

從頁面底部的源:

[snip] 

if($('#' + parent).hasClass('noaccordion')) { 
    $(this).next().slideToggle('normal'); 
    return false; 
} 
... 

基本上,此行勝過別人:如果你的手風琴有noaccordion類,它不會自動當您單擊另一個關閉所有打開的元素。

ul的標記中刪除noaccordion會使其行爲與其他示例類似,當您單擊其他節點時摺疊任何打開的節點。

+0

嗨@ajm - 剛剛嘗試了你說的並刪除了類noaccordion,運行了頁面,點擊菜單上的子菜單,然後點擊沒有子菜單的菜單,不幸的是,沒有摺疊我原來的子菜單選項 - 儘管我點擊了另一個菜單選項,但仍保持打開狀態。 – tonyf 2010-07-21 15:14:45