Добавление плавности скрытия\раскрытия блока
 

Был вопрос с которым помогли в этой теме: http://javascript.ru/forum/misc/4509...stoyaniya.html

Возник новый, а можно ли задать время анимации раскрытия?
Без подключения jqwery...

хороший пример плавности тут

Вот у меня получился раскрывающийся плавно блок с сохранением состояния. Спасибо за подсказку!!!

<div id="formeditprofile">
	<div class="maineditprofile">
		<form class="form" id="form1" action=<?=URI_PATH;?>/user/upload.php method=post enctype=multipart/form-data>
			<input name="name" type="text" placeholder="Имя"/>
			<input name="email" type="text" placeholder="Почта" />
			<input name="uploadfile" type="file"  placeholder="Аватара" />
			<input type="submit" value="Применить"/>
		</form>
	</div>
</div>

div#formeditprofile{
	overflow:hidden;
	-moz-transition: height 1.9s 0.09s ease;
	-o-transition: height 1.9s 0.09s ease;
	-webkit-transition: height 1.9s 0.09s ease;
 }
div#formeditprofile div.maineditprofile{
	background:black;
	width:938px;
	height:100%;
	padding: 10px;
	border: 1px solid #808080;
 }

<script>
   var hide = window.localStorage.getItem('hide'),
       hide = hide === null ? 0 : +hide,   //1 если самый самый  первый раз нужно  чтоб было открыто иначе 0
       block = document.getElementById('formeditprofile');
function show() {

   block.style.height = hide ? '0px' : '100px';
}
function spell() {
   window.localStorage.setItem('hide', (hide ^= 1));
   show();
   return false
}
show()
</script>