このサンプルは、jQuery UIのAccordionを利用してアコーディオンを表示します。見出し(Section1-4)をクリックするとコンテンツが展開します。コンテンツが展開している状態で見出し(Section?)をクリックするとコンテンツを折りたたみます。
$("#accordion").accordion({
header: "h3",
icons: {
header: "ui-icon-circle-arrow-e",
headerSelected: "ui-icon-circle-arrow-s"
}
})