Как добиться задержки вывода div после выполнения условия?

Question

[Max Rudik]

Добрый день!
По клику на чекбоксы элементы страницы исчезают с 1-секундной задержкой, после исчезновения последнего элемента должна выводиться надпись ".report"
Надпись выводится, но ей не удается придать задержку ни через .delay(), ни через обертывание в setTimeOut(). А без задержки надпись появляется чуть раньше, чем исчезает последний элемент. Как ее победить?

$(function(){
			var status = [];
			$(".course .checkbox-wrap").on("click", function(){
				$(this).css("background-position", "20px");
				$(this).parent(".checkbox").css("background-color", "#E8F1DC");
				$(this).closest(".course").css("background-color", "#ECF4E2");				
				$(this).closest(".course").delay(1000).hide(500);

				status = $(".course").filter(":visible");				
				if(status.length == 1){
					$(".report").show();	//нужен .delay(1000), но он почему-то здесь не работает				
				}				
			});
		});

Answer 1

[Alexander Litvinenko]

колбек используйте в hide(500);

Comments

[Max Rudik]

Спасибо!