Jquery Liferay/折叠导航中的手风琴

在Liferay 6.2中，我可以看到以下所有选项基本上都是可折叠的。

我想在我的portlet中创建一个相同的列表。 我的样本数据是

<ul> Header 1
    <li> Sub Header 1</li>
    <li> Sub Header 2</li>
</ul>
<ul> Header 2
    <li> Sub header 1</li>
    <li> Sub header 2</li>
</ul>

标题1
副标题1
副标题2

标题2
副标题1
副标题2

---

是否有人可以发布一个示例或如何实现此目的？

您可以使用Liferay UI标记Liferay UI:panel容器和Liferay UI:panel

例如，您可以参考的代码

liferay-portal-src-6.2.0-ce-ga1\portal web\docroot\html\portlet\control\u panel\m‌​enu\view.jsp

编辑：

<liferay-ui:panel-container accordian="true" extended="true">
   <liferay-ui:panel title="1">
        content 1
   </liferay-ui:panel>

  <liferay-ui:panel title="2">
        content 2
 </liferay-ui:panel>
</liferay-ui:panel-container>

内容1
内容2

您可以使用Liferay UI标记Liferay UI:panel容器和Liferay UI:panel。例如，您可以参考

liferay-portal-src-6.2.0-ce-ga1\portal web\docroot\html\portlet\control\u panel\u menu\view.jsp的代码，我已经实现了相同的功能。但是，单击其中一个展开按钮，最小化其他菜单/缩小其他菜单。我如何确保任何数量的面板都可以扩展。aka扩展一个面板不应影响其他面板为此设置accordian='false'