простое исчезновение в исчезновении неисправности

javascript jquery

58 просмотра

1 ответ

Я уверен, что у меня очень тупая проблема, но она слишком долго не дает мне покоя, и я не могу ее решить.

Я пытаюсь сделать только одну страницу со скрытыми элементами 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 только появляется и исчезает без эффекта постепенного исчезновения. Любая подсказка о том, что здесь происходит?

Автор: Tripduc Источник Размещён: 08.11.2019 11:18

Ответы (1)


0 плюса

Решение

Хорошо, я получил рабочее решение:

Я поместил # скрытый в #container div. Внезапно все сработало.

Автор: Tripduc Размещён: 20.08.2016 12:39
Вопросы из категории :
32x32