[kapustnik]

<script>
$(document).ready(function() {
		$(".main_left_menu li.chapter").on("click", "div", function(event) {
        $(this).parent().find('ul').toggle('slow');
});
});
</script>

<ul class="main_left_menu">
			<li class="chapter"><div><a href="#">All Products</a></div>
				<ul>
			     <li><div>Prymer 1</div></li>
			     <li><div>Prymer 2</div></li>
				 <li><div>Prymer 3</div></li>
				</ul>
			</li>
			<li class="chapter"><div><a href="#">Cofee</a></div>
			<ul>
			     <li><div>Prymer 1</div></li>
			     <li><div>Impresso</div>
					[B]<ul>
						<li>Negro</li>
						<li>Delicato</li>
						<li>Ristretto</li>
					</ul>[/B]
				 </li>
				 <li><div>Prymer 3</div></li>
				</ul>
			</li>

всё работает для одномерного списка

Но , открывая раздел , откр. и вложенные подразделы (в данном случае кусок выд. жирным .

если назначить display: none - то раздел все равно видно.

Если назначить display: none !important - раздел при раскрытие верхнего не видно , но уже и не работает раскрытие самого раздела

Помогите найти решение