выполнять функции по очереди

[pitonvas]

только начал изучать jQuery, извиняюсь, если неправильно или непонятно назвал тему.
сделал такой скрипт аяксовой загрузки

$(document).ready(function(){
			$('.artmenu').find('a').click(function(){
				$.ajax({
				beforeSend: function(){
					$('.article').slideUp("slow")
				},
				complete: function(){
					$('.article').slideDown("slow");
				},
				url: '/content.php', 
				type: "POST",
				data: ({hui : this.href.split(location.hostname+'/#')}),
				success:function(msg){
						$('.article').html(msg);
					}
				});
			})
		});

проблема в том, что данные загружаются, когда див ещё не до конца свернулся.
как сделать, чтоб див сначала свернулся, потом в него загрузились данные, а потом красиво развернулся?

[exec]

slideDown в success

[pitonvas]

slideDown в success

раньше так и было. но всё равно аджакс иногда успевает за загрузить хтмл и начать разворачиваться до того, как slideUp до конца свернётся

[exec]

Ну тогда аякс в колбэк slideUp, slideDown в success.

$(elem).slideUp('normal', function () {
$.ajax(…);
});

[pitonvas]

$(elem).slideUp('normal', function () {
$.ajax(…);
});

вариант, что-то я сам не додумался. но всё-же теряется 600 мс, нельзя ли как-нибудь сделать, чтоб пока всё сворачивалось, аджакс себе спокойно загружал данные?
а разворачиваться начиналось, после закачивания slideUp или после 600мс?

[pitonvas]

$(elem).slideUp('normal', function () {
$.ajax(…);
});

в этом случае у меня скрипт спотыкается на "this.href is undefined"

вы меня простите, я новичок в программировании, только в школе кубасик изучал ^_^

$(document).ready(function(){
	$('.artmenu').find('a').click(function(){
		$('.article').slideUp("slow", function(){
			$.ajax({
			url: 'content.php', 
			type: "POST",
			data: ({hui : this.href.split(location.hostname+'/#')}),
			success:function(msg){
					$('.article').html(msg);
					$('.article').slideDown("slow");
				}
			});
		});
	})
});

как в этом случае передать переменную this.href во вложенную функцию?

[exec]

$(document).ready(function(){
	$('.artmenu').find('a').click(function(){
		var obj = this;
		$('.article').slideUp("slow", function(){
			$.ajax({
			url: 'content.php', 
			type: "POST",
			data: ({hui : obj.href.split(location.hostname+'/#')}),
			success:function(msg){
					$('.article').html(msg);
					$('.article').slideDown("slow");
				}
			});
		});
	})
});

[pitonvas]

вот спасибо огромное, сейчас всё так красиво получается (;