Показать сообщение отдельно
  #3 (permalink)  
Старый 29.05.2012, 11:32
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

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>

Последний раз редактировалось Deff, 29.05.2012 в 11:36.
Ответить с цитированием