シンプルなフェードアウトの誤動作

Question

私は確信しています。私は確信していますが、それを解決することができなくても、あまりにも長い間知っています。

ボタンをクリックしたときにメインdivの上に表示される非表示のdivで1ページのみを作成しようとしています。私はそうすることに問題はない。これらの2つのdivでフェードインとフェードアウトのエフェクトを同時に実装しようとすると、この問題が発生します。

jqueryの：

$(document).ready(function() { 

function goin() { 
    $("#container").fadeOut(1000, 0); 
} 

function goin1() { 
    $("#hidden").fadeIn(1500); 
} 

function goback() { 
    $("#hidden").fadeOut(1000, 0); 

} 

function goback1() { 
    $("#container").fadeIn(1000); 
} 

showNextQuote(); 

$("#playbtn").click(function(){ 
    $.when(goin()).then(goin1()); 
}); 

$("#backbtn").click(function(){ 
    $.when(goback()).then(goback1()); 
}); 
})(); 

HTML：

<div id="container"> 
<div id="particles-js"> 
</div> 
<div class="mainhover"> 
    <button id="playbtn"></button> 
    <footer id="footer"> 
    <p>&copy; 2016 whatapage.ch</p> 
    </footer> 
</div> 
</div> 

<div id="hidden"> 
    <p>Hello</p> 
    <button id="backbtn">press to fad in again</button> 
</div> 

だけ表示され、効果フェードアウトフェードインなしに消え#hidden DIV。ここで何が起きているのか？

Answer 1

さてさて、私は働いて解決策だ：私は#containerのdiv要素に#hidden置か

を。突然すべてがうまくいった。