Проблема с перебором 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();
});

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