1行でアコーディオン( jQuery )

jQueryで簡潔にアコーディオンを実装するときのサンプル。
※ 改行してないだけでホントは３行です
※ CSSを含めるともっとたくさんあります

CodePen

See the Pen 1行でアコーディオン by たっつん (@tatun) on CodePen.

ポイント

$(function(){
    $('h3.question').on("click", function() {
        // toggleClassでクラスのつけ外し、slideToggleでスライドのアップダウン
        $(this).toggleClass('opened').next().slideToggle();
    });
});

ちょっとしたアニメーションならjQueryとCSSでサクッと作るのもいいですね！