Нужно сделать блок (div), при клике на который он будет разворачиваться, а при повторном - сворачиваться.
Вот что я делал:
function Show_Service(g, SH){
if(SH){
if(g.offsetHeight < g.scrollHeight){
g.style.height = g.offsetHeight + 2 + "px";
setTimeout(function (){Show_Service(g, SH);}, 20);
}
} else {
if(g.offsetHeight > 28){
g.style.height = g.offsetHeight - 2 + "px";
setTimeout(function (){Show_Service(g, SH);}, 20);
}
}
}
<div onClick="Show_Service(this, (this.K = !this.K));">
...
</div>
При первом клике, все успешно разворачивается, а при повторном, происходит бесконечная рекурсия, т.е. условие if(g.offsetHeight > 28){
всегда истинно, хотя оно должно изменяться g.style.height = g.offsetHeight - 2 + "px";
В чем проблема?
JQuery не предлагайте...
С точки зрения кроссбраузерности, что тут можно изменить, добавить?