Помогите со скриптом

S
На сайте с 21.04.2010
Offline
6
402

Есть вот такая конструкция.

<ul>

<li id="navi2><a href="#" onclick="document.getElementById('nav2').style.display=document.getElementById('nav2').style.display=='none'?'block':'none';
return(false)">Шкафы</a>
<ul id="nav2" style="display: none;">
<li><a href="#">Купе</a></li>
<li><a href="#">Комоды</a></li>
</ul>
</li>
</ul>

Что требуется?

Если у элемента с id="nav2" задано свойство "display: block", то элементу с id="navi2" присваивается class="active".

А если у элемента c id="nav2" задано свойство "display: none", то у элемента с id="navi2" удаляется class="active".

Продаю самосвалы. Дорого.
.mia
На сайте с 06.01.2008
Offline
74
#1

в свойствах css дублируй nav2, измени на nav22, поменяй в шаблоне

S
На сайте с 21.04.2010
Offline
6
#2
в свойствах css дублируй nav2, измени на nav22, поменяй в шаблоне

Не вижу смысла...

4arger
На сайте с 17.12.2008
Offline
95
#3


<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$('#nav2').hide();
$('#navi2 a:first').toggle(function(){
$('#nav2').show().addClass("active");
},function(){
$('#nav2').hide().removeClass("active");
});
});
</script>

<ul>
<li id="navi2"><a href="#">Шкафы</a>
<ul id="nav2">
<li><a href="#">Купе</a></li>
<li><a href="#">Комоды</a></li>
</ul>
</li>
</ul>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий