Jquery toogle Opcje

[pietrov8]

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...

Ten post edytował pietrov8 13.05.2011, 09:11:42

[vokiel]

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

[pietrov8]

Niestety nie działa...

Kod

    
$('div.left ul li').click(function() {
$(this).children('ul').toggle('slow');
});

tak już działa