特定的手风琴菜单行为,可能是jquery ui或bootstrap

时间:2013-11-06 10:29:09

标签: javascript jquery html jquery-ui twitter-bootstrap

我正在尝试创建具有特定行为的accordeon-navigation:第一个可折叠内容没有切换链接,而是显示在网站的开头和以下(所以第二个)可折叠内容已关闭。

我之前尝试过使用bootstraps collapse-feature和jqueryi-ui-accordeon实现这一点,但从来没有真正按照我描述的方式工作。所以我用jquery手动构建它,但现在我无法真正获得“滑动和推动”效果,这基本上是我认为可以工作的手风琴元素的“心脏”。

你可以看到它基本上在这个小提琴中运行了一个不那么漂亮的淡入淡出效果: http://jsfiddle.net/8fL6L/31/

    Sry, I have to add fake code here, otherwise I can't post the fiddle-link...

当我使用jquery-ui的幻灯片效果而不是淡入淡出时,向上滑动的内容会滑出,但不会用它推/拉上面/下面的内容。 那么,有没有人知道如何实现这一点 - 使用bootstrap或jquery-ui accordeon还是修改我的代码?

非常感谢提前考虑它! : - )

1 个答案:

答案 0 :(得分:0)

对不起,伙计们提出了我自己的解决方案,现在将其发布在这里以防将来帮助任何人。

我稍微修改了bootstrap的collapse() - 功能,以便在关闭一个可折叠时,自动打开先前的可折叠(如果存在)。这是唯一的“新”事物,默认情况下可以轻松打开一个可以在不修改引导程序中的任何内容的情况下开启。

http://jsfiddle.net/8fL6L/51/

只需给可折叠的包装容器id

    #collapsibles

,致电

    initCollapsibles()

on $(document).ready(),你很高兴。

希望,这可能有一天会帮助别人。 : - )