加载另一个div后显示一个div

Question

我有两个 div

E.g。

<div class="first">
   //Div first content
</div>

<div class="second">
   //Div second contents
</div>

最初div第二个被隐藏。我想在延迟加载div“first”之后显示div“second”。

我在jquery中使用$('first').load()，但它无效。 我是jquery的新手，如何以有效的方式做到这一点

Answer 1

试试这个

$(document).ready(function() {
$(".second").delay(2000).fadeIn(500);
});

Answer 2

您可以使用jQuery提供的.ready或.load方法在加载第二个div之前等待加载第一个div。 Here's a fiddle要看到它的实际效果。

.second {
  display: none;
}


$('.first').ready(function() {
  setTimeout(function() {
    $('.second').css("display", "block");
  }, 500);
});