Question

我确信我有一个非常愚蠢的问题，但是如果不能解决问题，它会让我忙碌太长时间。

我尝试只创建一个隐藏div的页面，单击按钮时会显示在主div的顶部。我这样做没有问题。当我尝试在这两个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>

div #hidden只是出现并消失而没有淡出淡出效果。关于这里发生了什么的任何线索？

Answer 1

好吧，我得到了一个有效的解决方案：

我将#hidden放在#container div中。突然间，一切都成功了。

淡出淡出功能的简单淡入淡出

1 个答案: