jquery: seleionare l'elemento successivo

[grugno]

ciao a tutti, ho un problema...urgente...
praticamente ho una lista tipo

<ul>
<dl><h4>123</h4></dl>
<dd>123445678</dd>[/list]

Ora: con jquery devo fare in modo che cliccando su dl > h4 faccio una slideDown sul dd successivo. Come faccio? Sto cercando di lavorare con $(this), il che dovrebbe evitare mooolto codice

[fcaldera]

solo una nota: il codice dovrebbe essere

<dl>
<dt><h4>123</h4></dt>
<dd>123445678</dd>
</dl>

e se $(this) è il riferimento a $("dt > h4")
allora il "dd" dovresti recuperarlo con $(this).parent().next()

[grugno]

anche io avevo questo dubbio, ma ho provato ad inserirci una alert che segnalava l'avvenuto click e funzionava...quindi il problema non è quello... il fatto è che non so usare "il prossimo elemento"...

[fcaldera]

Originariamente inviato da fcaldera
e se $(this) è il riferimento a $("dt > h4")
allora il "dd" dovresti recuperarlo con $(this).parent().next()

[grugno]

ok, qualcosa è risolto:
la sintassi è

<dl>
<dt>123</dt>
<dd>12345</dd>
<dt>678</dt>
<dd>67890</dd>
</dl>

per il codice invece il$(this).next('dd') ha funzionato... per un attimo!

[grugno]

$(document).ready(function(){
$('#cal_eventi dd').hide();
$('#cal_eventi h4').click(function(){
$(this).parent().next('dd').show();
});
});

ho fatto così ma non va.... solo su firefox!

[grugno]

ho risolto questo: errore di interpretazione di firefox: l'h4 lo mette fuori dal dt quindi non funzionava. adesso quello l'ho inserito in uno span: regge