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 回答