Плавное исчезание и появление в JQuery

Давайте рассмотрим на простом примере. Допустим мы делаем какой-то блок, который исчезает и появляется с новым текстом при нажатии на какой-то кнопке. Давайте создадим заготовку:

<div id="placeResult">Здесь будет появляться новый текст</div>

<a onclick="getNewText();" href="javascript:void(0)">Следующий текст</a>

function getNewText {
	//отключаем кеш
	$.ajaxSetup ({
		cache: false
	});

	return false;
}

Мы собираемся динамически поддгружать один и тот же скрипт на сервере, который будет возвращать разный текст. Поэтому лучше отключить встроенное кешированние, чтобы избежать непредвиденных обстоятельств.

Теперь немного теории. Исчезание и появление объектов в JQuery реализуется с помощью методов "fadeOut" и "fadeIn", которые имеют различные скоростные параметры: "slow","normal" и "fast". Также, вторым необязательным параметром будет функция, которая должна исполнится после завершения операции (эти функции работают асинхронно и передают управление следующим оператором не дождавшись своего завершения).

Итак, план действий таков:

1. Создаем плавное исчезание текстового блока.
2. После полного исчезания, запрашиваем данные с сервера с помощью метода get.
3. Когда приходят данные с сервера, помещаем их в текстовый блок и плавно показываем его.

<div id="placeResult"">Здесь будет появляться новый текст</div">

<a onclick="getNewText();" href="javascript:void(0)"">Следующий текст</a">

function getNewText {
	//отключаем кеш
	$.ajaxSetup ({
		cache: false
	});

	//медленное исчезание 
	$('div#placeResult').fadeOut("slow",function () { 
		//после чего запускается эта функция

		//получаем результат работы скрипта на сервере
		$.get('/ajax/get.php', function(data) {  
			//и запускаем эту функцию

			//помещаем результат в элемент с id placeResult
			$('#placeResult').html(data);  

			//плавно показываем блок
			$('div#placeResult').fadeIn("slow"); 
		});
	});

	return false;
}

Как видите, ничего сложного в этом нет. Если хорошо почитать код, то все становиться понятным даже тому, кто не знаком с основами JQuery. А теперь выложу код функции без комментариев:

function getNewText {
	$.ajaxSetup ({
		cache: false
	});

	$('div#placeResult').fadeOut("slow",function () { 
		$.get('/ajax/get.php', function(data) {  
			$('#placeResult').html(data);  
			$('div#placeResult').fadeIn("slow"); 
		});
	});

	return false;
}