javascript - show a div after loading another div - Stack Overflow

admin管理员组

文章数量:1391981

I have two div

E.g.

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

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

Initially div second is hidden . I want to show div "second" after loading div "first" with a delay.

I triend $('first').load() in jquery ,but it is not working. I am pletely new to jquery,how to do it in an efficient way

I have two div

E.g.

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

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

Initially div second is hidden . I want to show div "second" after loading div "first" with a delay.

I triend $('first').load() in jquery ,but it is not working. I am pletely new to jquery,how to do it in an efficient way

• javascript
• jquery
• html
• css

Share Improve this question Follow edited Nov 14, 2015 at 16:26 Andreas 21.9k77 gold badges5151 silver badges5858 bronze badges asked Nov 14, 2015 at 16:20 It AssistorsIt Assistors 1,12833 gold badges1616 silver badges3030 bronze badges 3

• where is your scripts which tried so far – Azad Commented Nov 14, 2015 at 16:28
• Do you need to show the second after a while, or showing second after the first one is actually loaded? – holden Commented Nov 14, 2015 at 16:36
• Not sure if it was just a typo in when copying it over, but you're missing the period in your class selector. You wrote $('first').load() but it should be $('.first').load() – catch22 Commented Nov 15, 2015 at 17:13

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

try this

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

You can wait for the first div to load before loading the second using either the .ready or .load methods provided by jQuery. Here's a fiddle to see it in action.

.second {
  display: none;
}


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

本文标签： javascriptshow a div after loading another divStack Overflow