jQuery アコーディオン プラグインを使用しています。
テキスト「アコーディオン」をクリックすると、展開されてコンテンツが表示されます。今、私はアコーディオンの下部にそれを閉じるための「閉じる」ボタンもあり、それも正常に機能します。
ここでの要件は、「アコーディオン」をクリックすると、そのテキスト「アコーディオン」を展開して非表示にし、「閉じる」を使用して閉じたときに再び表示する必要があることです。
それを達成する方法は?これまでのところ、私は持っています:
<script>
$(function() {
$( "#accordion" ).accordion({
collapsible: true,
active: false
});
});
</script>
と
<div id="accordion">
<h3>Accordion</h3>
<div class="accordionBg">
<p>...text here...</p>
<p>...text here...</p>
<div id="accordion">
<h4>Close</h4>
</div>
</div>
</div>
onclick()
関数を使用して、このアコーディオンのヘッダーを非表示および表示するにはどうすればよいですか?また、重複したIDを使用するとhtml検証エラーが発生すると確信しています。
ID の重複を防ぐにはどうすればよいですか?