На всякий случай )))
Сообщение от monolithed
|
<a href="#">click<a/>
|
Сообщение от Бобр
|
Как узнать настоящий размер произвольного блока?
|
Вариант открытия блока на величину его содержимого...
<script type="text/javascript">
window.onload = function () {
var a = document.getElementsByTagName("div")[0],
b = 0,
c = ["Text1", "Text2<br />Text2", "Text3<br />Text3<br />Text3"];
document.getElementsByTagName("a")[0].onclick = function () {
a.style.overflow = "hidden";
a.style.height = "";
a.style.display = "";
var d = a.offsetHeight;
if (b < d) {
a.style.height = "0px";
window.setTimeout(function () {
if (++b <= d) {
a.style.height = b + "px";
window.setTimeout(arguments.callee, 10)
}
}, 10);
return false;
}
if( b >= d ){window.setTimeout(function () {
if (--b >= 0) {
a.style.height = b + "px";
window.setTimeout(arguments.callee, 10)
} else {
b = 0;
a.style.display = "none";
c.push(c.shift());
a.innerHTML = c[0]
}
}, 10);return false;}
}
};
</script>
<a href="#">click</a>
<div style="background: #0095FF; width: 200px; display: none">Text1</div>