37

ユーザーが表示ボタンをクリックしたときにのみ表示されるdivがあります

$("div.toshow").show();

本文に書きました

<body>

<div class="toshow">
</div>
</body>

したがって、デフォルトでは、ページが表示されると、このすべてのコンテンツがユーザーに表示されます。デフォルトで非表示にする方法はありますか？

4

7 に答える 7

79

styleはい、次のように使用できます。

<div class="toshow" style="display:none"></div>
于 2013-04-29T05:54:52.637 に答える
16

ディスプレイまたは可視性のいずれかを使用できます

display:none|block|etc.. // This will not preserve the space for the div.
visibility:visible|hidden //This will preserve the space for the div but wont be shown.

ディスプレイを使用する$("div.toshow").show();と、スペースが保持されていないため、要素がジャンプします。それは可視性では起こりません。

これを行う1つの方法は、クラスにディスペイを割り当てることです

.toshow
{
  display:none;
}

あなたのスクリプトで： -

$("div.toshow").show();

または提供するだけ:-

<div class="toshow" style="display:none;">...

 $("div.toshow").show();

.show()jqueryを実行すると、display:blockインライン スタイルがマークアップに追加されます。

于 2013-04-29T05:52:58.437 に答える
8

CSSを使用できますdisplay：

.toshow
{
    display: none;
}
于 2013-04-29T05:51:52.853 に答える
2 
.toshow{
         display:none;
  }

また

.toshow{
       visibility:hidden;
         }
于 2013-04-29T05:53:37.553 に答える
1

体内で行うには： 

<body>

<div class="toshow" style="display:none">
</div>

</body>

私はインラインCSSを避けますが

于 2013-04-29T05:56:10.717 に答える
1 
$('#myDiv').hide();

$("myDiv").css("visibility", "hidden");

.toshow {
  visibility:hidden;
  display:none;
 }
于 2013-04-29T05:51:09.560 に答える