[jQuery] A Beginner Question
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.