[JQUERY] - Agire sul tag successivo.

[Kreatore]

Ciao a tutti.

Avendo una lista di articoli composta da
h4 __titolo
div .toggle __corpo

dovrei utilizzare la funzione .slideToggle(); sull'elemento con la classe .toggle sucessivo al tag h4 su cui creo l'azione. La funzione che io ho scritto è:

$("h4").click(function () {
$("h4 + .toggle").slideToggle();
});

cliccando su h4 mi si aprono tutti i .toggle presenti nella pagina.
Se aggiungo a .toggle:first mi si apre solo il primo trovato nella pagina
mentre riesco a nascondere gli h4 su cui clicco se cambio la funzione in

$("h4").click(function () {
$(this).slideToggle();
});

allora ho pensato di scrivre

$("h4").click(function () {
$(this+.toggle).slideToggle();
.... oppure
$(this" .toggle").slideToggle();
.... oppure
$(this+" .toggle").slideToggle();
.... oppure
$(this." .toggle").slideToggle();
.... oppure
$("this .toggle").slideToggle();
});

ma nessuna di queste funziona.

Sapreste aiutarmi? Grazie

[Erith]

Fai così

$("h4").click(function () {
$(this).nextAll(".toggle").eq(0).slideToggle();
}); 

Se invece l'elemento da aprire è sicuramente il prossimo rispetto all'H4 allora fai:

$("h4").click(function () {
$(this).next(".toggle").slideToggle();
}); 

[Kreatore]

sei un grande. è da 1 ora che ci perdo tempo. Non riuscivo a capire come usare il next o il first o quello che è con THIS.

GRAZIE!

[Erith]

Il problema è che non si può usare il selettore/oggetto this di jQuery in concomitanza di un selettore css di jquery. Quindi, prima lo assegni all'inizio della catena e poi vai con i metodi di traversamento del DOM di jQuery.
Non ne sono sicuro, dovrei provare ma credo che addirittura tu possa usare

$("h4").click(function () {
$(this).nextAll(".toggle:eq(0)").slideToggle();
}); 

visto che :eq è anche un selettore, prova, e fammi sapere.