Javascript-форум - Анимация div-ов

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Анимация div-ов (https://javascript.ru/forum/jquery/11864-animaciya-div-ov.html)

Анимация div-ов

Начал разбираться, с .slideToggle() получается,но у меня все позиционированием...и плюс .slideDown() не пашет,а мне именно это надо,подвинуть в низ на несколько пикселей,а потом в сверх....логику знаю,надо .slideDown() и .slideUp() и одну булевую переменную которая проверяет ,когда в вызывать .slideDown() а когда .slideUp() (в зависимости куда нам надо,если false - вниз,а true - обратно в верх на несколько пикселей)((Скинул исходник(с коментариями),там все просто,может я как то не так делаю,помогите пожалуйста...

что никто не знает как решить эту проблему?не подскажите?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<link rel="stylesheet" href="styles.css" type="text/css" />

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">

    $(document).ready(function () {
		$("div").hide();
       
	   $("#butt").toggle(
			function(){$("div").slideDown("slow");},
			function(){$("div").slideUp("slow");}
        );

    });
</script>

</head>

<body>
<span id="butt">BUTTON</span>
<div >TEST_LEFT</div>

</body>
</html>

http://api.jquery.com/