jqueryメニューをデフォルトで閉じるようにする方法

Question

I m new to JS, so Iこのような簡単な質問は申し訳ありません。私はスライド上/下のメニューを持っている、私はそれがページが読み込まれ、クリックするときに開くときにデフォルトで閉じたい。これどうやってするの？回答をいただきありがとうございます。あなたは、メニューのページの負荷に.hidden-menuクラスを持っている必要があり

$('.button-show').click(function() {        

    if ($(this).hasClass('hidden-menu')) { 

     $(this).next().slideDown(300); 

     $(this).removeClass('hidden-menu'); 

    } else { 
     $(this).next().slideUp(300); 

     $(this).addClass('hidden-menu'); 
    } 

    return false; 

Answer 1

：ここではコードです。それは任意のJavaScriptを実行することなく、隠されているように、あなたは、HTMLに直接追加することができます。

<div class="menu hidden-menu"> 

やDOMがロードされた後、あなたはどこか外に今持っているものに似ている、いくつかのJavaScriptを使用することができますがクリックハンドラの：

$(".menu").addClass("hidden-menu") 

Answer 2

デフォルトでhidden-menuクラスを設定するために、あなたの.ready()機能に追加します。

// when your page finished loading 
$(document).ready(function() { 
    // check if there is no .hidden-menu class 
    if (!$(".MENUCLASS").hasClass("hidden-menu") 
    { 
     // then add it 
     $(".MENUCLASS").addClass("hidden-menu"); 
    } 
}); 

または単にをあなたのHTML要素に入れて、何の手間ません：

<div class="MENUCLASS hidden-menu"> 
    // stuff 
</div> 

希望あなただけのインラインCSSの表示を追加し、ページの読み込みに

Answer 3

を支援：なし。

問題が解決されます。

Answer 4

あなたはCSSを使用して、デフォルトでは、あなたのdivを隠し、コード

$('.button-show').click(function() { 
jQuery('.menu').slideToggle(); 
jQuery(this).toogleClass(); 
});