リストを表示する基本的なjqueryアコーディオンがあります。現在のシナリオでは、ボタンをクリックすると一部のコンテンツが非表示になり、ボタンを再度クリックすると再び表示されるようになります。例えば。
1) Title 1
2) Title 2
3) Title 3
4) Title 4
<input type='button' value='show/hide'>
ユーザーがボタンをクリックすると、タイトル 2 が非表示になり、表示されるようにします。
利用した
document.getElementById("sec2").style.display == "block"
そうすることで、アコーディオンが隠れて見えるようになりますが、構造は損なわれます。つまり、「タイトル 2」が開いていると表示されますが、閉じたままにしたいのです。
標準の Jquery アコーディアンです。
<div id="accordion">
<h3 id='sec1'>Section 1</h3>
<div id='div1'>
<p>
Title 1.
</p>
</div>
<h3 id='sec2'>Section 2</h3>
<div id='div2'>
<p>
Title .
</p>
</div>
</div>