jquery - スライディング パネル jquery

Question

Web サイトのデザインの上部にスライド パネルがありますが、デフォルトではページ読み込み時に開くようになっています。今やっている逆？以下のJQuery：

$(document).ready(function(){

    $("#toggle").click(function(){

        $(".panel").toggle("slow");

        $(this).toggleClass("active");

        return false;

    });

});

Answer 1

クラス パネルを使用して、ページの読み込み時に表示できない表示プロパティを none にします。

.panel{display:none; }

Answer 2

このクラスを使用して、表示プロパティを none にすると、ウィンドウの読み込み時に表示されなくなります。

.panel{display:none; }

Answer 3

ドキュメントの読み込みを防ぎたい場合は、CSSで最初に非表示にするのではなく、パネルが「表示」から非表示に「フラッシュ」するのを確認します。

.panel{display:none;}