[Duda.Ml1986@gmail.com]

усть меню вида

<ul id='nav'>
  <li><a>link</a>
       <ul class='sub'>
            <li><a>link</a>
                 <ul class='subsub'>
                    <li><a>link</a></li>
                    <li></li>
                    <li></li>
                    <li></li>
                 </ul>
            </li>
            <li><a>link</a></li>
       </ul>  
  </li>
  <li><a>link</a></li>
  <ul>

Когда я хочу повесить обработчик только на главную часть с id nav то он передается и на нижнее меню . Как это остановить?
Потом еще отключаются ссылки последнего меню а они мне нужны для переходов.

Хочу сделать что бы по клику на #nav li откр. его дочерний элемент .sub если он есть. А при клике на .sub li откр. его дочерний элемент .subsub если он есть


Пока получается такое г. Консоль пишет:
nav
nav
nav

КОроче голова опухла. Прошу пинка в нужном направлении и спасибо за уделенное время.

$('#nav > li').click(function(e) {
        e.preventDefault();

        //console.log(e.target);
        console.log('nav');
        $('#nav > li').find("ul:first").toggle();
        e.stopPropagation();
    });

    $('.sub > li').click(function(e) {
        e.preventDefault();
        e.stopPropagation();
        //console.log(e.target);
        console.log('sub');
        $('.sub > li').find("ul:first").toggle();
        e.stopPropagation();
    });