время задержки JQuery, кажется, неправильно

Question

Я хочу, чтобы один DIV исчезать, для их, чтобы затем небольшая пауза, а после этого еще дел до выгорает.

Это моя попытка, но ВЗ не Работа. Анимация fadein начинается до завершения fadeout.

$('.nav .filters').fadeOut('200'); 
    $('.nav .map-r').delay('300').fadeIn('200'); 

Что действительно странно, это работает отлично, если я делаю каждый annimation 10x больше:

$('.nav .filters').fadeOut('2000'); 
    $('.nav .map-r').delay('3000').fadeIn('2000'); 

Answer 1

как это, я думаю, это ответ, я просто скопировать и вставить мой комментарий выше:

«Does fadeOut() принимает числа как аргументы вместо строковых литералов, представляющих числа? Попробуйте удалить одинарные кавычки. Да, единственные кавычки предназначены только для «быстрого», «медленного» и т. П., Иначе аргумент должен быть числом без котировок ».

То же самое касается fadeIn() и delay() и тумблер() и т.д. Вы могли бы назвать это соглашение JQuery.

Answer 2

Вы должны поставить FadeIn() в функции обратного вызова из fadeOut() так, что он выполняется, когда FADEOUT финиширует

$('.nav .filters').fadeOut(200, function(){ 
    $('.nav .map-r').delay(300).fadeIn(200); 
    //i'm not sure this works, if it doesn't just use setTimeout() 
    //setTimeout(function(){$('.nav .map-r').fadeIn(200)}, 300); 
}); 

Answer 3

$('.nav .filters').fadeOut(200, function(){$('.nav .map-r').delay(300).fadeIn(200);});