Спрятать div в стиле - и показать это в JQuery?

Question

Я пытаюсь скрыть div, пока документ не готов, а затем отобразить его.

Вот что я пытаюсь сделать:

<div id='initiallyhidden' style='visibility:hidden'>I am a secret - kinda!</div>

<script>
$(document).ready(function() {
    $("#initiallyhidden").show();
});

</script>

Как я могу сделать эту работу?

Answer 1

Вместо этого используйте свойство display: none; css. Также я выкладываю твой стиль отдельно =)

<div id="initiallyhidden" class="hidden">I am a secret - kinda!</div>

<script>
$(document).ready(function() {
    $("#initiallyhidden").show();
});
</script>

<style type="text/css">
    .hidden { display: none; }
</style>

Answer 2

Измените разметку на:

<div id='initiallyhidden' style='display:none'>I am a secret - kinda!</div>

Answer 3

используйте display: none вместо этого, поскольку он полностью выводит элемент из игры, где visibility: hidden сохраняет элемент и его поток на месте без визуального представления его содержимого.

<div id='initiallyhidden' class='hide'>I am a secret - kinda!</div>

<style type="text/css">
  .hide { display: none; }
</style>