2015年4月

2015/04/02 / 最終更新日 : 2015/04/03 ブログマスター jQuery

【jQuery】シンプルなアコーディオンメニュー

シンプルなアコーディオンメニューのコードです。事前に jQuery を読込んでおく必要があります。

<script>
    $(function(){
        $("メニューのセレクタ").on("click", function() {
            $(this).next().slideToggle();
            $(this).children("対象のセレクタ").toggleClass("open");
       });
    });

</script>

$("メニューのセレクタ").on("click", function() {

$(this).next().slideToggle();

$(this).children("対象のセレクタ").toggleClass("open");

});

</script>

５行目は「メニューのセレクタ」内にある「対象のセレク […]