Fenjmen51,
Cтандатный вариант toggle -
При разворачивания добавлем класс( или иной атрибут) при очередном действе смотрим - атрибут есть - сворачиваем - атрибута нет - разворачиваем...
А вообще сейчас это всё через css делается
http://hostjs-mybb2011.narod.ru/smooth_deployment.htm
<!DOCTYPE HTML>
<div class="height" style="width:400px" onMouseOver="this.id='height'">
Очень качественное развёртывание блока, плавное!
</div>
<STYLE>
BODY, HTML{margin:0;padding:0}
div.height{
margin:25px 0 0 5em;padding:10px;background:#55f;width:400px;color:white;border-radius:15px;cursor:pointer;border:3px solid #eee;
min-height:20px;
}
#height:hover{
max-height:400px;
height:400px;
transition-duration: 1.66s;
-webkit-transition-duration: 1.66s;
-moz-transition-duration: 1.66s;
-o-transition-duration: 1.66s;
-ms-transition-duration: 1.66s; /* IE9+ */
}
#height{
transition-duration: 1.66s;
-webkit-transition-duration: 1.66s;
-moz-transition-duration: 1.66s;
-o-transition-duration: 1.66s;
-ms-transition-duration: 1.66s; /* IE9+ */
}
</style>