jquery - Liferay 中的手风琴/可折叠导航

Question

在 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>

任何人都可以发布一个例子或如何实现这一点？

Answer 1

您可以使用 Liferay UI 标签 liferay-ui:panel-container 和 liferay-ui:panel 。

例如代码你可以参考

liferay-portal-src-6.2.0-ce-ga1\portal-web\docroot\html\portlet\control_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>