Древовидное меню и селекторы

  • Автор темы youstm
  • Дата начала
Статус
Закрыто для дальнейших ответов.
Y

youstm

Гость
#1
При клике на меню выделяются все старшие категории и сама категория на которую кликнули... работает тока на первый клик. дальше хрень полная... как сделать что бы при повторном клике на другую категорию первое выделение удалялось. Делал с событием Hover всё норм работает а при Click не могу разобраться как всё это сделать... :?:

Код:
<style type="text/css">.bold {font-weight: bold; }.menu .li .submenu {font-weight: normal; } 
</style>
<script type="text/javascript">
$().ready(function(){
$("ul.menu li.li").click(function(){
$(this)[$(this).hasClass("bold") ? "removeClass" : "addClass"]("bold");		
}) 
})
</script>
<ul class="menu">
<li class="li">Menu 
<ul class="submenu">
<li class="li">Submenu
</li>
<li class="li">Submenu 
<ul class="submenu">
<li class="li">Submenu
</li>
<li class="li">Submenu
</li>
</ul>
</li>
</ul>	
</li> 
</li>
<li class="li">Menu 
<ul class="submenu">
<li class="li">Submenu
</li>
<li class="li">Submenu 
<ul class="submenu">
<li class="li">Submenu
</li>
<li class="li">Submenu
</li>
</ul>
</li>
</ul>	
</li> 
</li>
</ul>
Вот пример на Hover

Код:
<script type="text/javascript">
$().ready(function(){

$("ul.menu li.li").hover(

function(){
$(this).addClass("bold");	 
},
function(){
$(this).removeClass("bold");	
})

})
</script>
 
K

KIA1990

Гость
#2
А почему бы не использовать jQuery JavaScript Library v1.4.2
В этой библиотеке есть вполне неплохое дерево.
 
Y

youstm

Гость
#3
А почему бы не использовать jQuery JavaScript Library v1.4.2
В этой библиотеке есть вполне неплохое дерево.
мне не нужно ни какое дерево... мне нужно реализовать задачу, задач описана выше т.к. в дальнейшем это может быть вообще не дерево. Я написал Дерево для понятного иерархического списка.
 
F

firs777

Гость
#4
Я точно не уверен но помойму так
Код:
 $(document).ready(function(){
$("ul.menu li.li").removeClass('highlight');
$("ul.menu li.li").click(function(){
$(this).addClass("highlight");	 
}) 
})
ну и стиль для класса
Код:
.highlight{font-size:50px;}
 
Статус
Закрыто для дальнейших ответов.