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