容器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淡入。非常感謝您的幫助。

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);
});

DEMO。