Привет. Решил создать раскрывающийся список. Ничего умнее , кроме как использовать для этих целей теги див , и кидать в них код \ "" - не придумал.
В принципе - все работает, но есть одна проблема.
При начальной загрузке страницы - ссылки - элементы списка - располагаются друг под дружкой - а сами дивы - отсутствуют. Но потом, при передаче в innerHTML дива пустой строки - "" - он не исчезает а стает одной линией (строкой). Можно ли как-то убрать этот див, если он не нужен ??А то немного некрасиво получится.. пробел между ссылками большой ((
Вот код :
| Код |
<html>
<head>
<script>
var last='';
function do_func(result) {
code="test1<br> test2<br> test3<br> test";
id=result;
col=2;
name='cat'+id;
for (i=1;i<=col;i++)
{
name1='cat'+i;
if (name1==name)
{
if (name1==last)
{
document.getElementById(name1).innerHTML = "";
last='';
}
else {document.getElementById(name1).innerHTML = code;
last=name1;
}
}
else document.getElementById(name1).innerHTML = "";
}
}
</script>
</head>
<body>
<ul>
<li><a href=# onClick='do_func(1);return false;'>
cat1</a> </li>
<div id="cat1" ></div>
<li><a href=# onClick='do_func(2);return false;'>
cat2</a> </li>
<div id="cat2" ></div>
</ul>
</body>
</html>
|
|