возникла надобность переделать многоуровневое вертикальное меню так чтобы, если в нем есть подуровень, при нажатии на элемент ссылка не срабатывала а открывался вложенный список.
Пытался реализовать таким образом
$('.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");
}
});
Загвоздка в том, что данная конструкция срабатывает только для первого уровня. При назатии на раскрытие второго уровня он то раскрывается, но сразу же и скрывается первый.
Где я допустил ошибку, чтобы при клике обрабатывался только текущий элемент а не и дочерние.
Заранее благодарю за ответ