使用文本触发器在同一页面上查询多个手风琴



我需要在页面上有4个单独的div(区域(。在这4个领域中的每一个领域,我都有一个列表。清单必须是手风琴式的。他们不使用默认的h3标题作为触发器,触发器需要是每个列表正下方的一个文本链接,上面写着"扩展+"。

因此,当您单击相应div中的"Expand+"时,列表将出现。然后"展开+"将变为"关闭-">

所有的手风琴一开始都需要关上。

使用jqueryUI和Accordo可以做到这一点吗?

是的,这是可能的。请参阅accordion文档中的以下选项。

active:当前打开的面板。将active设置为false将折叠所有面板。这需要collapsible选项为true。

header:标题元素的选择器,通过.find()应用于主手风琴元素。内容面板必须在其关联标头之后立即成为同级面板。

但是,您需要编写一些定制代码来处理文本更改。

示例如下:http://jsfiddle.net/GoranMottram/dP5mn/

最新更新