jquery - 淡入/淡出 Div1 然后淡入 Div2？

Question

我试图在隐藏“frame2”时淡入 div“frame1”，然后当“frame1”淡出时，我希望“frame2”在“frame1”淡出的地方淡入。我尝试搜索，但运气不佳，因为我遇到的大多数都是点击事件。

<div id="frames">
    <div id="frame1">
        <p>first text to appear here</p>
    </div>
    <div id="frame2">
        <p>second text to appear here after first text fades out</p>
    </div>
</div>

Answer 1

如果 frame1 显示而 frame2 隐藏，您可以使用以下代码淡出 frame1 然后淡入 frame2:

$(document).ready(function(){
  $("#frame1").fadeOut('slow', function(){
    $("#frame2").fadeIn('slow');
  });
});