Witam.

Mam menu w którym używam efektu toogle. Złożone jest w następujący sposób:

[HTML] pobierz, plaintext 
 
        <ul>
            <li><a href="#">Automaty Vendingowe</a></li>
            <li><a href="#">Expresy Ciśnieniowe</a></li>
            <li class="sub"><a href="#">Kawy</a>
            	<ul class="sub">
                	<li><a href="#">ziarniste</a></li>
                    <li><a href="#">mielone</a></li>
                    <li><a href="#">w szaszetkach</a></li>
                    <li><a href="#">w kapsułkach</a></li>
                    <li><a href="#">rozpuszczalne</a></li>
                </ul>
            </li>
            <li><a href="#">Czekolady</a></li>
            <li><a href="#">Herbaty</a></li>
            <li><a href="#">Inne Produkty</a></li>
            <li><a href="#">Akcesoria</a></li>
            <li><a href="#">Dodatki</a></li>
        </ul>
[HTML] pobierz, plaintext 

i mam kod jquery który ma rozwijać te tak jakby submenu

[HTML] pobierz, plaintext 
$('div.left ul li').click(function() {
  $('div.left ul li > ul').toggle('slow');
});
[HTML] pobierz, plaintext 

I menu działa jak najbardziej tylko po kliknięciu w wszystkie li rozwija się to submenu...

[JAVASCRIPT] pobierz, plaintext 
$('div.left ul li').click(function() {
  $(this).next('ul').toggle('slow');
});
[JAVASCRIPT] pobierz, plaintext 

Niestety nie działa...



tak już działa