Делюсь с здравомыслящими пользователями сайта Zornet.Ru, вот таким скриптиком. Может кому такая басня и пригодится. Например, под форму авторизации и профиля. У кого какая выдумка будет ...
стили CSS
Код
#block{display:none;width:500px;margin:0 auto;border:1px solid #FFF;background:#DEDEDE;box-shadow:1px 1px 1px rgba(0,0,0,.5)}
#block a{color:#000}
#block a:hover{color:red}
#open{display:block;text-align:center;margin-top:20px;font-size:20px;color:#C41919;}
JS
Код
<script>function facechange(objName){ if($(objName).css('display')=='none'){ $(objName).animate({height:'show'},400); }else{ $(objName).animate({height:'hide'},200); } }; </script>
HTML
Код
<div id="block"><ul><li><a href="#">Ccылка 1</a></li><li><a href="#">Ссылка 2</a></li></ul><p>Тут может быть любой контент. Например форма входа</p></div>
Ссылка по месту вызова
Код
<a id="open" href="#" onclick="facechange('#block');return false">Показать/скрыть</a>
СМОТРИМ
