JavaScriptのモダンで滑らかなアコーディオン デモ - accordion-init

<link href="dist/css/accordion.min.css" rel="stylesheet">
<script src="dist/js/accordion.min.js"></script>

<div class="accordion-container">
<div class="panel">
<div class="heading">1. アコーディオン</div>
<div class="content">
<p>コンテンツ 1</p>
</div>
</div>
<div class="panel">
<div class="heading">2. アコーディオン</div>
<div class="content">
<p>コンテンツ 2</p>
</div>
</div>
<div class="panel">
<div class="heading">3. アコーディオン</div>
<div class="content">
<p>コンテンツ 3</p>
</div>
</div>
</div>

var accordion = new Accordion('.accordion-container');

var accordion = new Accordion('.accordion-container',{

// hides all answers
hideAll: false,

// shows all answers
showAll: false,

// shows the first answer
showFirst: false,

// panel ID you want to show at first time
panelId: null

});