2010-07-21 415 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