jQueryでカンタンアコーディオン

See the Pen アコーディオンサンプル by takapen (@takapen) on CodePen.

btn


コンテンツ1
コンテンツ2
コンテンツ3
コンテンツ4
コンテンツ5




btn


コンテンツ6
コンテンツ7
コンテンツ8
コンテンツ9
コンテンツ10

$(function() {
 $('.js-accordion__area').hide();//要素の非表示
 
 $('.js-accordion__btn').on('click', function() {//ボタンをクリック
  $(this).next('.js-accordion__area').slideToggle(500);//ボタンの次にある、非表示にしたコンテンツをスライド表示
 });
});