Показать сообщение отдельно
  #5 (permalink)  
Старый 16.12.2008, 15:44
Maxx
 
Сообщений: n/a

<script language="javascript">
function clickHandler(objClicked)
{
// имя класса элемента, который будет исчезать/появляться
var sNameClass = "menuLevelLinks";
var objElement;
var iI;
for (iI = 0; iI < objClicked.parentElement.children.length; iI++)
{
objElement = objClicked.parentElement.children[iI];
if (objElement.className == "menuLevelLinks")
objElement.style.display = (objElement.style.display == "none") ? "" : "none";
}
}
</script>

<!--
ОСНОВА СКРИПТА:
при нажатии на элемент (например, на ссылку),
в котором есть аттрибут onclick="return clickHandler(this);"
находится соседний (в одном родительском с ним элементе) элемент (например, div)
с аттрибутом class="menuLevelLinks" и отображается, если он скрыт (и, соответственно, наоборот)
-->

<div>
<a href="#" onclick="return clickHandler(this);">Важные сайты</a>
<div class="menuLevelLinks" style="display: none; position: relative; left: 20;">
<a href="http://kimsite.wallst.ru/htmlpad/">Htmlpad Fisherman</a>
<br><a href="http://www.yandex.ru">Яndex</a>
<br><a href="http://www.google.com">Google.com</a>
</div>
</div>

<div>
<a href="#" onclick="return clickHandler(this);">Развлечение</a>
<div class="menuLevelLinks" style="display: none; position: relative; left: 20;">
<a href="http://www.anekdotov.net">Анекдотов.net</a>
<br><a href="http://www.fomenko.ru">Фоменко.ру</a>
</div>
</div><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><head>
</head><body>
</body>

__________________________________________________ _

Вот эта вот конструкция работает только в Опере. А в остальных браузерах нет.
Не могли бы вы подсказать, что сделать чтобы работало.

Заранее благодарен
Ответить с цитированием