
This example refers to the accordion in this page.
The normal javascript looks like

To make it works in liferay environment, just adjust some codings for javascript.
The new coding is shown as below

Result:

To make it prettier, just edit the CSS.
Live demo for accordion in Liferay.
