アコーディオンメニューが動かない

Question

初めてアコーディオンメニューを作ったのですが動きません。
どこが間違っているのですか教えてください。

<ul class="menu">
    <li class="menu__item">
        <a class="menu__item__link js-menu__item__link" href="#">メニュー1</a>
        <ul class="submenu">
            <li class="submenu__item">
                <a href="">サブメニュー1</a>
            </li>
            <li class="submenu__item">
                <a href="">サブメニュー2</a>
            </li>
            <li class="submenu__item">
                <a href="">サブメニュー3</a>
            </li>
            <li class="submenu__item">
                <a href="">サブメニュー4</a>
            </li>
        </ul>
    </li>
</ul>

　
<script>
$(function(){
    $('.js-menu__item__link').each(function(){
        $(this).on('click',function(){
            $(this).toggleClass('on');
            $("+.submenu",this).slideToggle()
            return false;
        });
    });
});
</script>

Comments

[hatena19]

CSSも提示してください。

Answer 1

特に問題なさそうですが、jQuery本体はちゃんと呼んでいますか？
またeachする必要はないですね

$(function(){
  $('.js-menu__item__link').on('click',function(){
    $(this).toggleClass('on');
    $("~ .submenu",this).slideToggle();
    return false;
  });
});

Comments

[ayuayuayu]

すいません。読み込みのド忘れしてました。。。
ありがとうございます。