ハンバーガーが1ページのサイト用にメニューを切り替える

Question

jQueryとブートストラップライブラリを使用してスーパーシンプルサイトを開発していますが、メニュー項目を（アンカーで既に行われている）セクションにジャンプします。しかし、上に戻るとメニュードロップダウンはまだ開いています。トグルをセットアップしてメニュー項目をクリックするとどうなりますか？

$(document).ready(function() { 
    $(".cross").hide(); 
    $(".menu").hide(); 
    $(".hamburger").click(function() { 
    $(".menu").slideToggle("slow", function() { 
     $(".hamburger").hide(); 
     $(".cross").show(); 
    }); 
    }); 
    $(".cross").click(function() { 
    $(".menu").slideToggle("slow", function() { 
     $(".cross").hide(); 
     $(".hamburger").show(); 
    }); 
    }); 
}); 



<button class="hamburger">&#9776;</button> 
<button class="cross">&#735;</button> 

<div class="menu"> 
<ul> 
<a href="#"><li>Home</li></a> 
<a href="#about"><li>Jeff Anderson</li></a> 
<a href="#"><li>Hand Built Frames</li></a> 
<a href="#"><li>Bike Repairs and Maintenance</li></a> 
<a href="#"><li>Frames and Accessories</li></a> 
    <a href="#"><li>Contact</li></a> 
</ul> 
</div> 
</div> 

大歓迎任意のヘルプ：

これが私の最初のコードです。ありがとう。文書に取得

Answer 1

ものは、ドロップダウン内

$(document).click(function(){ 
    $("#dropdown").hide(); 
}); 

クリックが、私はこれらのコードを追加すると、あなたの問題を解決すると信じてドロップダウン自体

$("#dropdown").click(function(e){ 
    e.stopPropagation(); 
}); 

を過ぎてそれをすることはありませんドロップダウンを非表示になります。