

ハンバーガーメニューの中のメニューのうちのどれか一つを押してメニューを非表示にしつつ#ページに戻りたいです。

ハンバーガーメニューのアイコンを押せば非表示にできますが、メニューを押しても非表示になりません。ハンバーガーメニューは固定しています。  
どなたかよろしくお願いします。

**ソースコード**

[code]

    <div id="navigation">
            <div class="navigation_inner">
              <ul class="navigation_menu">
                <li class="navigation_item"><a href="#skills">SKILLS</a></li>
                <li class="navigation_item"><a href="#works">WORKS</a></li>
                <li class="navigation_item"><a href="#contact">CONTACT</a></li>
    
              </ul>
            </div>
    </div>
    
    
    jQuery('.hamburger').on('click', function(){
        jQuery('#navigation').fadeToggle(600);
        jQuery("#skills").click(function(){
            jQuery('#navigation').fadeToggle(false);
        });
    });
    
[/code]

**実際の表示結果**

[![画像の説明をここに入力](https://i.stack.imgur.com/hFOGr.png)](https://i.stack.imgur.com/hFOGr.png)


CC BY-SA 3.0
2018-04-20T09:03:58.107
43433
2019-10-07T15:00:45.477
2018-04-20T11:52:53.047
3060
28251
question
jquery css
jquery ハンバーガーメニューの中のメニューの一つを押したとき


メニューアイコンをclickした時の処理の中に、リストアイテムをクリックした場合のイベント登録が含まれてしまっているので、それぞれを分けると良いかと思います。

また、リストアイテムをクリックした場合のイベント登録は、アイテムが共通して持つ`navigation_item`classに対して行うと良いかと思います。

[code]

    // メニューアイコンを押した時
    jQuery('.hamburger').on('click', function(){
        jQuery('#navigation').fadeToggle(600);
    });
    
    // アイテムを押した時
    jQuery('.navigation_item').on('click', function(){
        jQuery('#navigation').fadeOut();
    });
    
[/code]


CC BY-SA 3.0
2018-04-23T03:42:12.780
43487
2018-04-23T03:42:12.780
27930
43433
answer