如何使用jQuery手风琴制作嵌套的垂直菜单? [英] How to make nested vertical menu with jQuery accordion?

问题描述

谁能给我一个很好的例子，说明如何使用jQuery手风琴实现嵌套的垂直菜单?类似于此处(位于页面左侧，从第三项开始)，但是嵌套了.出于某种原因，手风琴文档中没有嵌套结构的示例.

Can anyone point me to a good example on how to implement nested vertical menu using jQuery accordion? Something like here (at the left of the page, starting from third item), but nested. There is no example of nested structure in Accordion docs on some reason.

或者在组织我以某种方式错过的垂直嵌套菜单(无论基于什么，不一定是手风琴)上有一个很好的jQuery组件?我相信应该有一个.您可以建议一些具有良好初始设计并且最好易于皮化的人吗?

Or may be there is a good jQuery component on organizing vertical nested menus I somehow missed (whatever based, not necessarily accordion)? I beleive there should be one. Can you suggest some with good initial design and preferably easily skinnable?

推荐答案

我前一段时间独自制作了一个，您可以使用它: 网络本身中的示例: http://www.corbins.cat/ 插件源: http://www.corbins.cat/lib/js/accordion. js

i made one by myself a time ago, you could use it : the example in the web itself : http://www.corbins.cat/ the plugin source : http://www.corbins.cat/lib/js/accordion.js

编辑:我对插件做了一些更新

edit : i updated my plugin a little bit

http://gist.github.com/343543

尝试一下，嵌套，是的，您应该像这样制作html

give it a try, is nested yes, you should make html like that

<ul>
  <li><h4 class="trigger">title one</h4>
   <ul>
      <li><h4> class="trigger">title one.one</h4>
         <ul>
            <li> item one.one.one</li>
            <li> item one.one.two</li>
            <li> item one.one.three</li>
         </ul>
     <li>item one.two</li>
   </ul>
 <li>item two</li>
</ul>

让我知道它如何为您服务！ :)

let me know how it works for you! :)

这篇关于如何使用jQuery手风琴制作嵌套的垂直菜单?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！