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.

如果你使用 display 你$("div.toshow").show();的元素会因为空间没有被保留而跳起来。可见性不会发生这种情况。

一种方法是将您的付款分配给班级

.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 回答
1

您可以使用 jQuery 更改“toshow”类的 CSS 样式，添加“display: none”。例如

$(function(){
    $('.toshow').css("display", "none");
});
于 2017-05-25T10:46:04.043 回答