如何使用Jquery实现两级侧边栏导航

Question

我想使用JQuery移动在侧边栏中实现两个级别的导航。

通过解释我想要达到的目标，我认为我有三个类别的链接，并且(例如)每个类别中有3个链接。

类别1-链接1-链接2-链接3

类别2-链接1-链接2-链接3

类别3-链接1-链接2-链接3

并希望通过某种方式避免让用户不得不浏览两个链接来尝试访问任何一个页面。

我试过几条使用这条路线的途径；

1. 使用数据-角色=“可折叠”，试图为侧栏中的每个类别创建标题，用户可以展开其中的任何一个以单击第二级链接。
2. 使用一系列选择下拉列表(对于每个类别)，并使用javascript在选择任何选项时触发页面更改。

问题是，当在“主内容”页面中使用时，这两种方法都能很好地工作，但当我将它们放在一个内容辅助容器中时，它们都不能工作(可折叠的内容总是被展开，javascript似乎不会触发)。

是否有人建议(a)解决上述问题，或(b)另一种方法剥去这只猫的皮？

编辑:您可以看到我前面的文章试图在；；是否有可能在JQuery移动的辅助div类中包含可折叠内容？中解决次要块中的可排序问题。

和一个带有http://jsfiddle.net/vinomarky/xfcdF/示例代码的http://jsfiddle.net/vinomarky/xfcdF/，尽管Fiddle似乎不适用于辅助div，所以即使您展开窗口，它也不会正确地呈现侧边栏

Answer 1

请看我对你以前的帖子的建议。去做你似乎想做的事；

1. 包括用于定义JS小提琴到小提琴中的次要内容的样式表
2. 删除显示折叠内容的部分。
3. 删除隐藏可折叠标头的部件。

via：JSFiddle (请注意CSS中的一些变化--这是我自己的项目