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

时间:2013-02-27 03:36:33

标签: jquery jquery-ui accordion

我需要在页面上有4个单独的div(区域)。在这4个区域的每个区域中,我都有一个列表。 名单需要是手风琴。它们不使用默认的h3标头作为触发器,触发器需要是每个列表下方的文本链接,显示“Expand +”。

因此,当您单击相应div中的“Expand +”时,将显示列表。然后“展开+”将变为“关闭 - ”

所有手风琴都需要在开始时关闭。

这可以用jqueryUI和accordion吗?

1 个答案:

答案 0 :(得分:1)

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

  

active:目前哪个小组处于打开状态。将active设置为false将折叠所有面板。这需要collapsible选项为真。

     

header:标头元素的选择器,通过主要手风琴元素上的.find()应用。内容面板必须在其相关标头之后立即成为兄弟姐妹。

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

可在此处找到一个示例:http://jsfiddle.net/GoranMottram/dP5mn/