[SkaN]

Есть вот такой код:

$(".spoiler").click(function() {
	$(".spoiler").each(function() {
		if ($(this).next().is(":visible") == true) {$(this).next().slideUp("slow");}
	});
	switch ($(this).next().is(":hidden")) {
		case true:
			$(this).next().slideDown("slow");
			var offset = $(this).offset();
			var height = $(this).outerHeight(true);
			$("body, html").animate({scrollTop: (offset.top - height)}, "slow");
			break;
		case false:
			$(this).next().slideUp("slow");
			break;
	}
	return false;
});

Здесь можно увидеть, как работают сейчас эти спойлеры (потыкайте по разным заголовкам). Когда спойлер открывается, страница должна проскроллиться к его началу. Это работает, но зачастую скролл срабатывает до того, как полностью развернется спойлер. Из-за этого страница остается почти в том же положении, в каком была.
Как я понимаю, это происходит из-за асинхронности выполнения строк кода. Как можно сделать так, чтобы скролл выполнялся ТОЛЬКО после того, как спойлер развернется или, по крайней мере, чтобы страница передвигалась синхронно со спойлером и оказывалась в его начале?