jquery - Liferay 中的 Accordion /可折叠导航

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>