выпадающие многоуровневое меню-проблема
 

Здравствуйте господа программисты.
Есть обычное трехуровневое меню. которое постепенно (один уровень за клик) должно раскрываться.
Есть такой javascript :

<script type="text/javascript">
 $(function(){
    $('li:has(ul)').click(function(event){
       if (this == event.target) {
      $(this).children().toggle();
      $(this).css('list-style-image',
      ($(this).children().is(':hidden')) ?
      'url(UVAO/plus.png)' : 'url(UVAO/minus.png)');
   }
   return false;
   })
  .css('cursor','pointer').click();
   $('li:not(:has(ul))').css({'list-style-image':'none','text-        decoration':'underline'})
 });
</script>

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

Помогите пожалуйста разобраться в чем проблема.

preventDefault / stopPropagation ?