javascript - 如何在容器 div 中淡入淡出后在文本中使用 jquery fadein？

Question

这可能是一个非常简单的任务，但我似乎无法让它工作。我有两个div。div 1 在稍有延迟后淡入 div 2。我需要在 div 2 中淡入一些文本，但它不起作用。

我的 html

<div class="first_slide">
    <p>some content</p>
 </div>


 <div class="second_slide">
  <h4 class="byline">need to fade in</h4>
  </div>

和jQuery

$(".first_slide").delay(10000).fadeOut(1200);
$('.second_slide').delay(11000).fadeIn(1200);

我需要h4在第二个 div 中淡入。非常感谢任何帮助。

Answer 1

像这样？

$('.second_slide').delay(11000).fadeIn(1200, function(){
    $('.byline').delay(11000).fadeIn(1200);
});

Answer 2

尝试这个

 $(function(){
     $('.second_slide').hide();
    $(".first_slide").delay(10000).fadeOut(1200);
    $('.second_slide').delay(11000).fadeIn(1200);
});

检查http://jsfiddle.net/alaminopu/VzU7J/

Answer 3

也许你想要这个（因为h4它是父母的唯一孩子，所以我淡化了父母）

$(".first_slide").delay(2000).fadeOut(1200, function(){
    $('.second_slide').delay(2000).fadeIn(1200);
});

演示。