[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>