Столкнулся с такой задачей:
В CMS Joomla нужно организовать двухуровневое меню такого типа:
Пункт 1
Пункт 1.1
Пункт 1.2
Пункт 2
Пункт 2.1
Пункт 2.2
Причем, каждое Подменю должно открываться при активации родителя и закрываться при клике на родителе.При этом, родительский пункт меню - это ссылка на материал (во всех аккордион-меню родительский пункт меню - просто разделитель).
Чтобы решить эту задачу я написал такой скрипт:
В хедере
<script>
function collapsElementMenu() {
alert ('achtung');
if ( document.getElementById('current').getElementsByTa gName('ul').style.display != "none" ) {
document.getElementById('current').getElementsByTa gName('ul').style.display = 'none';
}
else {
document.getElementById('current').getElementsByTa gName('ul').style.display = '';
}
}
</script>
Само меню
<div id="left_menu">
<ul class="menu" id="leftMenu">
<li class="parent item5"><a href="ссылка на материал" onclick="collapsElementMenu()">
<span>Пункт 1</span>
</a>
<ul>
<li class="item8">
<a href="ссылка на материал подпункта" onclick="collapsElementMenu()">
<span>Подпункт 1</span>
</a>
</li>
<li class="item9">
<a href="ссылка на материал подпункта" onclick="collapsElementMenu()">
<span>Подпункт 2</span></a>
</li>
</ul>
</ul>
Стиль подменю
#left_menu ul li ul {
display: none;
}
Этот скрипт не работает, и причину этого я не понимаю.
Буду благодарен за любую помощь!