Показать сообщение отдельно
  #1 (permalink)  
Старый 18.08.2010, 10:10
Новичок на форуме
Отправить личное сообщение для youstm Посмотреть профиль Найти все сообщения от youstm
 
Регистрация: 18.08.2010
Сообщений: 3

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