サイトがロードされたときにJavaScriptボタンが有効

Question

スマートフォンなどのレスポンシブなデザインのサイトを作成しました スマートフォンを使用しているときにメニューが表示されなくなり、メニューが表示されます。

$(document).ready(function() { 
    $('.menubutton').click(function() { 
     $('.nav').slideToggle('slow'); 
    }); 
    }); 

しかし、私は私のスマートフォンでウェブサイトに行くときのメニューが標準openendです：私はこのJavaScriptを実装し、ボタンをアクティブにするために 。しかし、私は、私がサイトに行くと、メニューが閉じられることを望む。これどうやってするの？

PS：私は本当にあなたはそれがハンバーガーメニューに行くべき（自分のCSSファイル内）のメディアクエリを使用し、どのようなポイントで指定する必要があります:)

Answer 1

前に、JavaScriptで働いたことはない 申し訳ありません。

次のメディアクエリーは、すぐに画面サイズが767pxであるよう隠すにメニューをトリガします：

.navbar-toggle { 
    display: block; 
} 

@media (min-width: 768px) { 
    .navbar-toggle { 
     display: none; 
    } 
} 

Answer 2

をあなたはどのようなフレームワーク（もしあれば）CSS media query

@media only screen and (max-width: 500px) { //fix size as you wish 
    .nav{ 
    display:none; 
    } 
}