Как обратить изменения?

[SEObomj]

Код:

<script>
$(document).ready(function(){
	$(".button").click(function(){
		$(".hide").slideToggle("slow");
		$(".admin").animate( { height:'40px' }, { queue:false, duration:600 } );
		$(this).toggleClass("active");
	});
});
</script>

<div class="admin">

   <a href="#" class="button" id="ac"><span></span>свернуть</a>
	  <span class="hide">
...
	  </span>

</div>

При нажатии кнопки содержимое .hide плавно прячется и размеры родительского div'a подстраиваются по высоте. При повторном нажатии на кнопку содержимое .hide появляется. А как вернуть старое значение высоты для .admin при повторном нажатии?

[stars]

eго надо гдето запоминать... в переменной, или просто самому задать...

[SEObomj]

Я ниче не понял Запоминать начальное значение для .admin ? Тогда как будет выглядеть функция? (там же получается меняем не css, а переменную) В общем для меня это еще более сложный вариант)

Завтра еще попробую конструкцию if-else.

[mishka]

зачем высоту $(".admin") менять?

при правильном подходе можно просто прослайдить $(".hide"), а высота $(".admin") автоматически станет по содержимому.

[SEObomj]

Там у .admin картинка бэкграундом, так что там помимо высоты будет еще фон меняться. В любом случае, даже если я с костылями переверстаю так, чтобы избавиться от картинки в фоне, то нужно будет у этого блока менять css, чтобы без блока .hide он смотрелся нормально.

Пробовал if-else, видимо где-то я накосячил так как по прежнему нифига не работает

<script>
$(document).ready(function(){
	$(".hide").click(function(){
		$(".hide").slideToggle("slow");
		$(".admin_panel").animate( { height:'40px' }, { queue:false, duration:600 } );

	});
	$(document.body).click(function () {
	if ($(".hide").is(":hidden")) {
$(".admin").animate( { height:'40px' }, { queue:false, duration:600 } );
} else {
$(".admin").animate( { height:'106px' }, { queue:false, duration:600 } );
}
});
$(this).toggleClass("active");
});
</script>

Помогите плиз, никак не могу разобраться((