[nvp2]

возникла надобность переделать многоуровневое вертикальное меню так чтобы, если в нем есть подуровень, при нажатии на элемент ссылка не срабатывала а открывался вложенный список.
Пытался реализовать таким образом

$('.menu-v li').bind('click',function(event){ 
      event.preventDefault();  
       
      if ($(this).find('ul').length) { //если в нажатом элементе есть вложенный список 
       
        list_item=$(this).find('ul:first'); // берем его в обработку 

        
        if (list_item.css('display')=='none') {  // и заскрываем/скрываем в зависимости от состояния 
          list_item.css('display','block'); 
           } 
        else { 
          list_item.css('display','none'); 
        } 
       
      }  
      else { 
        alert("error"); 
       
      } 
    });

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


Заранее благодарю за ответ