jquery - Liferay のアコーディオン / 折りたたみ可能なナビゲーション

Question

Liferay 6.2 では、以下のすべてのオプションが基本的に折りたたみ可能であることがわかります。

ポートレットのリストも同じにしたいと思います。私のサンプルデータは

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