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

[youstm]

При клике на меню выделяются все старшие категории и сама категория на которую кликнули... работает тока на первый клик. дальше хрень полная... как сделать что бы при повторном клике на другую категорию первое выделение удалялось. Делал с событием 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>

 

[KIA1990]

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

 

[youstm]

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

мне не нужно ни какое дерево... мне нужно реализовать задачу, задач описана выше т.к. в дальнейшем это может быть вообще не дерево. Я написал Дерево для понятного иерархического списка.

 

[firs777]

Я точно не уверен но помойму так

 $(document).ready(function(){
$("ul.menu li.li").removeClass('highlight');
$("ul.menu li.li").click(function(){
$(this).addClass("highlight");	 
}) 
})

ну и стиль для класса

.highlight{font-size:50px;}