Jquery FadeIn и из

Question

Проверьте это: http://novarose.co.cc/web2/

Fade эффекты своего рода перепутались, и я не знаю, как сделать то работать должным образом.

Я хочу запускать код в следующей последовательности:

1. Fade из Блокировать
2. Вставить новый контент
3. Fade в блоке

Мой JQuery код для этой страницы:

$ ('# navigation a'). Click (function() { $ .get ("page.php", {page: $ (this) .attr ('id')}, функция (данные) { $ ('# content'). FadeOut ('slow'). Html (данные) .fadeIn ('медленно'); }); });

Answer 1

Ваша проблема здесь: $('#content').fadeOut('slow').html(data).fadeIn('slow'); }); Это начинает fadeIn до fadeOut делается. Вы хотите сделать это:

$('#content').fadeOut('slow', function(){ 
    $(this).html(data).fadeIn('slow') 
}); 

Второй аргумент fadeOut функция будет называться после fadeOut закончена.

Answer 2

Вы можете переместить увядает, чтобы перед АЯКС вызова:

$('#navigation a').click(function(){ $('#content').fadeOut('slow'); $.get("page.php", { page: $(this).attr('id') }, 
    function(data){ $('#content').html(data).fadeIn('slow'); }); });