| |
|
|
| | Мастера Javascript, помогите. Мои познания в этом языке весьма скудны, несколько дней бьюсь над такой проблемой. Есть выпадающий список:
<div><a href="#" onclick="return ToggleMenu('x1')">Пункт 1</a>
<div id="x1" style="display: none;">
<div><a href="#">Пункт 1.1.</a></div>
<div><a href="#">Пункт 1.2.</a></div>
</div>
</div>
<div><a href="#" onclick="return ToggleMenu('x2')">Пункт 2</a>
<div id="x2" style="display: none;">
<div><a href="#">Пункт 2.1.</a></div>
<div><a href="#">Пункт 2.2.</a></div>
</div>
</div>
Функция, на которой он работает, в общем-то проста:
function ToggleMenu(itemName)
{
var elm = document.getElementById(itemName);
if (elm.style.display == 'block') elm.style.display='none';
else elm.style.display='block';
return true;
}
Все бы ничего, но есть проблема: когда открываешь сначала первый выпадающий список (Пункт 1.1, пункт 1.2.), а затем второй (Пункт 2.1., пункт 2.2.) - первый выпадающий список не исчезает. Подскажите, как сделать так, чтобы при выборе каждого последующего выпадающего списка все предыдущие скрывались? | |
| |
|
