Javascript 在div中导航jQuery Mobile嵌套listview

我试图将页面上的嵌套列表放入div元素中，效果很好，直到我单击其中一些项，其中包含子元素——在本例中，嵌套列表会重新绘制整个页面以显示子元素

我找到的所有示例都显示了相同的行为。例如，jQuery移动演示页面：

---

是否有任何方法可以在不替换页面的情况下显示和导航嵌套的集合元素？

我不确定您到底想要实现什么，但您可以使用（下一步）向上滑动它们并单击以向下滑动它们

演示

---

您可以使用可折叠文件来展开有子节点的节点。是的，我知道。但任务是只使用嵌套的listview。我可能只使用列表和转换就可以做出相同的行为，但这需要很多时间。我希望有人能找到一个解决办法，让嵌套的listview在容器中打开它的子对象。谢谢，但是这个解决方案不适合我的需要。它看起来像一个“手风琴”，但我需要一些东西，像我问题中链接上的例子（如果有孩子，右边有箭头的列表），当你点击/点击它时，它会滑到左边，子菜单会从右边显示出来。是的，这个解决方案更接近我要寻找的。我需要以这种方式导航树：从列表中选择一个节点并单击它，然后查看下一个节点列表。如果某些节点有子节点，则显示一个箭头以使其能够深入。这没有问题。单击某个项目时，克隆整个列表，并将数据附加到新列表中。返回时，请附加克隆列表。基本演示。试试“英菲尼迪，G37”

$(".hide").next().slideUp('fast');
$(".hide").click(function(e) {
$(this).next().slideToggle('fast');
})