[jQuery] Rozwijane menu Opcje

[Vercio]

Witam.
Chciałem napisać w jQuery mały skrypcik, który będzie odpowiedzialny za rozwijanie i zwijanie menu. Niestety natrafiłem na problem, którego nie potrafię rozgryźć:

Tak wygląda kod jQuery:

[PHP] pobierz, plaintext 
    $(document).ready(
    	function()
    	{
    		$("div.p").children("a").click(
    			function()
    			{
    				$(this).next("div.i").toggle("slow");
    			});
    	});
[PHP] pobierz, plaintext 

Tak xHTML:

[HTML] pobierz, plaintext 
<div class="p">
        <p>Lorem ipsum: <a href="#">Rozwiń</a></p>
        <div class="i">
                <p>- Lorek</p>
                <p>- Ipsum</p>
                <p>- Nowek</p>
        </div>
</div>
[HTML] pobierz, plaintext 

I nie mam bladego pojęcia dlaczego nie działa... Może ktoś nakierować na rozwiązanie problemu ?

[erix]

[JAVASCRIPT] pobierz, plaintext 
$(this).parent().next("div.i").toggle("slow");
[JAVASCRIPT] pobierz, plaintext 

'
W <p /> nie masz tego diva, musisz szukać względem rodzica dla linka.

[Vercio]

Rozumiem tylko myk polega na tym że

[HTML] pobierz, plaintext 
div.p
[HTML] pobierz, plaintext 

Ma się odwoływać do klasy nazwanej p a nie do paragrafu.

[erix]

Nie rozumiem?

[vokiel]

Chyba jednak nie rozumiesz, erix Ci napisał jasno i wyraźnie.

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
    $("div.p").children("a").click(function(){
        $(this).parent().next("div.i").toggle("slow");
        // $(this) - czyli nasz element a w divie o klasie p
        // .parent() - element wyżej, czyli paragraf <p>
        // .next("div.i") - kolejny element za nim (na tym samym poziomie pokrewieństwa), czyli <div class="i">
        // .toggle("slow"); - akcja
    });
});
[JAVASCRIPT] pobierz, plaintext