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