Почему мгновенно срабатывает fadeOut?

Question

[Screamin-Jay]

Изночально .header зафиксирован, но при наступлени условия он должен плавно исчезнуть и выводиться относительно своего родного местоположения. Блок исчезает мнгновенно, но ждет время отведенное под анимацию исчезновения и скрипт продолжает свою работу.

$('header').fadeOut(400).show(0, function(){
    $('.header-top .contacts .phone').css('fontSize', '30px');
    $('.header-top .contacts2 .phone').css('fontSize', '30px');
    $('header').stop(true).css('position', 'relative').hide(0, function(){		
        $('.header-in').show();
        $('header').css('opacity', '100').css('z-index','99').css('box-shadow', 'none')
    });
})

Comments

[Screamin-Jay]

На данный момент проблемная часть кода выглядит таким образом.

$('header').fadeOut(400, function(){
    $('header .logo').css('width', logoWidth);
    $('.header-top .contacts .phone').css('fontSize', '30px');
    $('.header-top .contacts2 .phone').css('fontSize', '30px');
    $('header').css('position', 'relative').show(0, function(){
        $('.header-in').show();			
        $('.slide-block').css('margin-top','70px');
        $('header').css('opacity', '100').css('z-index','999').css('box-shadow', 'none')
    });
});

Answer 1

[Kuzzy]

Ну вам нужно дождаться завершения анимации а потом уже прятать/показывать, а так у вас все сразу отрабатывает:

$('header').fadeOut(400, function() {
  //fadeOut complete
   $(this).show(0, function() {
..... и так далее
})
})

Comments

[Screamin-Jay]

@Kuzzy И так пытался, не прошло. Почему show() сразу после fadeOut? Потому как до некоторых фиксов именно так и работало, а callback в том же fadeOut отказался адекватно работать, в js не силен, так что изобрел костыль который думал что понял как работает.

[Kuzzy]

@Screamin-Jay Честно говоря не совсем понимаю в чем проблема, см. пример jsfiddle.net/N9jh7/11 (кликните по розовому), плавно изчезает, потом появляется с аналогичным кодом.

Answer 2

[Сергей Протько]

Эм... ну так вы же вызываете show сразу после fadeOut, не дожидаясь пока закончится оный... да и зачем вам тогда fadeOut если вы можете сделать это прямо в show установив там задержку. Либо тогда уберите вызов show и перенесите ваше замыкание в fadeOut

Comments

[Screamin-Jay]

@Fesor Сделал, но ничего не изменилось, уже и раньше пытался нечто подобное вытворить.