0

我正在尝试创建具有特定行为的手风琴导航:第一个可折叠内容没有切换链接,而是将显示在网站开始时以及以下(因此第二个)可折叠内容关闭时.

我之前尝试过使用 bootstrap 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 的滑动效果而不是淡入淡出时,向上滑动的内容只是滑出,但不会用它推/拉上面/下面的内容。那么,有没有人知道如何实现这一点 - 无论是使用引导程序或 jquery-ui 手风琴还是通过修改我的代码?

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

4

1 回答 1

0

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

我稍微修改了引导程序的 collapse() 功能,以便在关闭一个可折叠设备时,自动打开前一个可折叠设备(如果它存在)。这是唯一的“新”事物,默认情况下打开一个可折叠的东西已经很容易了,而无需修改引导程序中的任何内容。

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

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

    #collapsibles

, 称呼

    initCollapsibles()

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

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

于 2013-11-10T20:31:06.600 回答