Sutar
BANNED | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
fqs
а как тогда сделать раздвижное меню?)
может можно с transition?
я пробовал сделать так
Код: <html>
<head>
<title>test</title>
<style>
.collapse {
position: relative;
overflow: hidden;
height: 0px;
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
background: #000000;
}
</style>
<script type="text/javascript">
var act = 0;
function opens() {
var h = document.getElementById('sdsa15');
if(act == 0)
{
h.style.height = "172px";
act = 1;
}
else
{
h.style.height = "0px";
act = 0;
}
return false;
}
</script>
</head>
<body>
<a onclick="return opens();" href="">Menu</a>
<div id="sdsa15" class="collapse" style="">
<ul>
<li><a href="?f=243">Даллас</a></li>
<li><a href=?f=146">Дамыр</a></li>
<li><a href="?f=248">Два</a></li>
<li><a href="?f=202">Двойник</a></li>
<li><a href="?f=215">Хлои Кинг </a></li>
<li><a href="?f=117">Декстер</a></li>
<li><a href="?f=143">Дело</a></li>
</ul>
</div>
</body>
</html> |
открывается и закрывается хорошо. Но нужно узнавать оригинальную высоту блока по строкам, она может изменятся... но я указал её как 172px
может в первом и втором случае, лучше будет взять в ещё один <div></div> через который будем получать общею высоту блока?
Добавлено:
но указать "auto" в этом случае нельзя( или может можно как-то?
я указываю h.style.height = auto, и открывается мгновенно... |
