表示するdivを設定します。

Question

私は簡単な答えでなければならない本当に簡単な質問があります。

jQueryを使用してメニューレベルをドリルダウンするモバイルナビゲーションメニューがあります。レベルがロードされるたびに、jQueryはメニューの高さを決定し、それに応じてそれを設定します。

私はショーを切り替えると、現在のページに基づいて、メインメニュー非表示にするボタンの上に次のスクリプトを使用しています：私は知っている、メニューが特定のページに「閉」を開始するためには

<script type="text/javascript"> 
    (function ($) { 
     $("a.BNnavTrigger").click(function (event) { 
      event.preventDefault(); 
      $("div.drill-down-wrapper").slideToggle("9000"); 
     }); 
    })(jQuery);  
</script> 

を私はdisplay:none;のCSS値を含むdivに与える必要があります。 1つの小さな問題でこれはうまくいきます。

最初にメニューを非表示にすると、jQueryドリルダウンメニュープラグインが非表示になっていることが検出され、メニューの高さが0pxに設定されます。メニューを最初に非表示にしたページでメニューを切り替えると、ペイン内の他のすべてのコンテンツは正しく切り替わりますが、メニュー自体は0の高さで止まってしまいます。

私の頭脳では、この問題に対する明らかな答えは、メニューがロードされ、高さが設定された後、javascriptを介してメニューdivを隠すことです。これは正しいのですか？

誰でも私にこれを行うための小さなスクリプトを提供できますか？私はjsと完全かつ完全なnoobです。他の誰かがこの問題をどう扱うかについて、別の勧告をしていますか？

ありがとうございました！ アレックス

UPDATE！それはそれを動作するはず

$("#yourId").css("display","none"); 

：

ここでの問題のためのJSフィドル：http://jsfiddle.net/fyyG2/17/ *

Answer 1

。例えば

：

$(document).ready(function() { 

    $("div.drill-down-wrapper").hide(); 
    var $drillDown = $("#drilldown"); 

     // (what ever your code is) 
}); 

Answer 2

は、この方法を試してみてください！

私はそれが役に立ちそうです。

Answer 3

CSS値の表示を追加する：あなたのCSSファイルには何も問題ありません。 http://jsfiddle.net/dxkX6/4/

が、私はあなたのhtmlファイルにタイプミスがあることを確認できます

$("a.BNnavTrigger").click(function (event) { 
    ^

<a class="BNavTrigger">Toggle Menu</a> 
     ^

は、おそらくあなたは問題が発生している理由とは？

Answer 4

私は、私は完全にあなたの問題を理解していることを確認しないんだけど、ここで考えます：

はあなたが0に非表示にしたいものの不透明度を設定し、代わりにそれはサイズ/それを隠すの変化するのは。この方法は、それは、その寸法を維持しますが、ユーザーには表示されません。

$('#id').css('opacity',0); 

して再表示し要素へ：は$("#yourId").hide();を行う準備ができて文書で

$('#id').css('opacity',1);