jquery - 私の設定 - salesforce タブ デフォルトで非表示



divをデフォルトで非表示にする (5)

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

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

私は体に書いた

<body>

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

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

https://ffff65535.com


CSS displayを使用することができdisplay

.toshow
{
    display: none;
}

jQueryを使用して、「toshow」クラスのCSSスタイルを「display:none」に変更することができます。 例えば

$(function(){
    $('.toshow').css("display", "none");
});

体内でそれをするには:

<body>

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

</body>

私はインラインCSSを避ける​​だろうが


表示または表示を使用できます

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();表示している場合は、 $("div.toshow").show(); スペースが保存されていないため、要素がジャンプします。 それは可視性では起こりません。

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

.toshow
{
  display:none;
}

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

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

または単に提供する: -

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

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

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


.toshow{
         display:none;
  }

または

.toshow{
       visibility:hidden;
         }




jquery