Скрытие div по умолчанию

У меня есть div, который должен отображаться только тогда, когда пользователь нажимает кнопку show

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

Я написал в теле

<body>

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

поэтому по умолчанию, когда страница отображается, все это содержимое отображается пользователем. Есть ли способ, чтобы я мог скрыть его по ошибке?

Ответ 1

Да, вы можете использовать style следующим образом:

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

Ответ 2

Вы можете использовать CSS display:

.toshow
{
    display: none;
}

Ответ 3

Вы можете использовать дисплей или видимость

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(); заставит ваш элемент вскочить, поскольку пространство для него не сохранилось. Это не произойдет с Видимостью.

Один из способов сделать это - присвоить свой dispay классу

.toshow
{
  display:none;
}

в script: -

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

Или просто укажите: -

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

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

Когда вы делаете .show(), jquery просто добавляет display:block встроенный стиль к вашей разметке.

Ответ 4

.toshow{
         display:none;
  }

или

.toshow{
       visibility:hidden;
         }

Ответ 5

$('#myDiv').hide();

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

.toshow {
  visibility:hidden;
  display:none;
 }

Ответ 6

Чтобы сделать это в теле:

<body>

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

</body>

Хотя я бы избегал inline css

Ответ 7

Вы можете использовать jQuery для изменения стилей CSS класса toshow с добавлением "display: none". например

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