Элементы Fadeout скрывают элементы, которые исчезают - PullRequest
Новая
       12

Элементы Fadeout скрывают элементы, которые исчезают

0 голосов
/ 26 февраля 2011

у меня есть этот HTML-код: 

  <body>
    <div id="top">
      <div id="panels">
         <div id="yes">yes</div>
         <div id="no">no</div>
      </div>
    </div>
  </body>

Я использую jQuery (я не специалист) для затухания старых элементов и добавления новых ajax (код ajax сейчас не готов) .. поэтому код: 

$(document).ready(function(){
jQuery('#yes').click(function(){
    $('#panels').fadeOut(1000);
    var fun = $('<div>ITS OVER</div>');
    $(fun).hide().appendTo('#panels').fadeIn(1500);
});
});

но это работает так: я нажимаю на кнопку (#yes), она начинает затухать старые элементы, во время этого процесса она затухает в новых, а когда финишная обработка завершается, оба элемента не отображаются, в чем проблема? Постскриптум Извините за мой английский

1 Ответ

1 голос
/ 26 февраля 2011

Вы добавляете его в скрытый контейнер $('#panels').fadeOut(1000);.

Вы можете просто скрыть дочерние элементы $('#panels').children().fadeOut(1000) вместо всего контейнера.

Так как ваш новый контент в идеале будет load в контейнере. Я освобождаю панели и добавляю динамический контент. 

$('#panels').fadeOut(1000, function(){
    $(this)
        .html('<div>ITS OVER</div>')
        .fadeIn(1500);
})
...