嵌套式手风琴的自定义命令,通过jQuery Tools Tabs Accordion

时间:2013-05-03 01:21:13

标签: jquery accordion jquery-tools

我确信这是因为我今天在液晶显示器上花了太长时间,而且我的耐心(以及搜索结果)在这一点上表现不佳,我只是没有叮当作响。 / p>

我希望有人能够链接一些文档,或者只是帮助解决我对以下jQuery工具选项卡手风琴的请求的解决方案,我找到并实现并且我最满意。

The original article link

示例代码:

http://jsfiddle.net/Xanetia/8kz4m/

所以,我有一个多级嵌套手风琴,就像使用提供的包运行的示例一样。因此,它的工作方式与我的造型完全相同。

我希望能够实现以下功能之一:

  1. 添加“全部折叠”链接 - 我不反对允许用户同时打开多个父窗格,但希望提供一种简单的方法快速关闭所有级别。基本上,“重置”而不重新加载页面。

  2. 打开另一个父标签时自动关闭展开的窗格 - 这样只允许一次打开一个父窗格,并限制过量开放式手风琴的可能性在手风琴中的手风琴中,等等。

  3. 我提前感谢任何帮助。转换并编译大量数据集以填充这些手风琴后,我的大脑就会被炸掉,而且文章中列出的原始jQuery工具信息页面的链接已不再可用。我认为这个版本已经过时了。

    因此,这确实允许可选的回复指导我使用此simliar工具的更新版本。我喜欢这一点,无论手风琴的级别如何,它总是结构相同:

    <div class="accordion">
       <h2>Level 1 Clickable Title</h2>
          <div class="pane">
             Accordion Content
                <div class="accordion">
                   <h2>Level 2 Clickable Title</h2>
                      <div class="pane">
                         Nested Content
                      </div>
                </div>
          </div>
    </div>
    

    再次感谢您的反馈意见!

1 个答案:

答案 0 :(得分:1)

我最初的想法是你应该考虑使用手风琴小工具。

jqueryui.com/accordion/

不应该难以替代,虽然我没有将它用于疯狂嵌套的手风琴。也许其他人可以为您验证。

祝你好运!