Подскажите пожайлуста, где я не так делаю.
Задача такая, необходимо чтобы при нажатии на ссылку, раскрывалось подменю, которое идёт после этой ссылки. но не работает второе подменю, первая открывает/закрывает подменю, вторая нет.
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);
});