Как корректно применить последовательность fadeOut, html, fadeIn?
 

Добрый день
Подскажите, пожалуйста, как сделать следующее. Есть
<div id="summary">Старый контент</div>

Хочу, чтобы по какому-то событию этот блок плавно делался невидимым, в нем менялся контент и потом снова плавно делался видимым уже с новым контентом.

$('#summary').fadeOut(500).html('Новый контент').fadeIn(1000);

не срабатывает так, как мне нужно. Проблема в том, что контент меняется еще до того, как блок стал невидимым. Можно ли это реализовать средствами jQuery без всяких window.setTimeout()?

Большое спасибо откликнувшимся :)

$('#summary').fadeOut(500, function () {
    $('#summary').html('Новый контент').fadeIn(1000);
});

Внимательно читайте документацию и будет Вам счастье.

Спасибо большое, помогло =)

С jQuery только знакомлюсь. Впредь буду внимателен.