[jQuery] A Beginner Question

[Volkan Görgülü]

Hi,

Lets say I have a Definition List like shown below.

<dl>
<dt><a href="#">Item Group A</a></dt>
<dd>Item 1</dd>
<dd>Item 2</dd>
<dt><a href="#">Item Group B</a></dt>
<dd>Item 1</dd>
<dd>Item 2</dd>
<dd>Item 3</dd>
</dl>

What I want to achieve is whenever I click an <a> tag in <dt> I want
to show <dd> tags inside the clicked <dt>

I am using

$(document).ready(function() {
   $("dt > a").click(function(){$("dd").toggle(); return false;});
 });

But it opens every <dd>.

Any help or guidance will be appreciated.