jquery ハンバーガーメニューの中のメニューの一つを押したとき

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

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

ソースコード

<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);
    });
});

実際の表示結果