Проблема с перебором DOM элементов

[Евгений Найдёнов]

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

html код


<div class='left_menu'>
<h3>КАТАЛОГ</h3>
<ul>
<li><a href='#'>Моечное оборудование</a>
<ul class='dispnone'>
<li><a href='#'>Karcher</a></li>
<li><a href='#'>Portotechina</a></li>
<li><a href='#'>Lavor</a></li>
</ul>
</li>
<li><a href='#'>Минимойки</a>
<ul class='dispnone'>
<li><a href='#'>Минимойка 1</a></li>
<li><a href='#'>Минимойка 2</a></li>
<li><a href='#'>Минимойка 3</a></li>
</ul>
</li>
<li><a href='#'>Очистные установки</a></li>
<li><a href='#'>Пылесосы</a></li>
<li><a href='#'>Компрессоры</a></li>
<li><a href='#'>Автохимия</a></li>
<li><a href='#'>Протирочные материалы</a></li>
<li><a href='#'>Аксессуары</a></li>
</ul>


JavaScript код


$("div.left_menu ul li:eq(0) a").click(function(e){
e.preventDefault();
$("div.left_menu ul li ul:eq(0)").toggle(300);
});

$("div.left_menu ul li:eq(1) a").click(function(e){
//alert("Привет");
e.preventDefault();
$("div.left_menu ul li ul:eq(1)").toggle(300);
});

[ваый]

Много ненужного шлака. Держи:
$("div.left_menu a").click(function(e) {
e.preventDefault();
$(this).next('ul').toggle();
});

[Евгений Найдёнов]

Вот это зачёт, спасибо большое!