Показать сообщение отдельно
  #3 (permalink)  
Старый 20.02.2014, 12:43
Аватар для psfdek
Профессор
Отправить личное сообщение для psfdek Посмотреть профиль Найти все сообщения от psfdek
 
Регистрация: 14.02.2014
Сообщений: 157

Вот у меня получился раскрывающийся плавно блок с сохранением состояния. Спасибо за подсказку!!!
<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>
Ответить с цитированием