JQuery : Show/Hide slideToggle

[unreg]

Ciao,

ho una pagina così strutturata:

<dl>
    <dt>[url="#"]Test 1[/url]</dt>
    <dd>Prova 1</dd>
    <dt>[url="#"]Test 2[/url]</dt>
    <dd>Prova 2</dd>
    <dt>[url="#"]Test 3[/url]</dt>
    <dd>Prova 1</dd>
</dl> 

vorrei che al carricamento della pagina tutti gli elementi dd siano nascosti (display:none)

e al click del link si apre solo il relativo elemento dd magari con effetto slideToggle usando JQuery.

come posso fare ?

grazie !