<dl>
<dt><a href="#">Item Group A</a></dt>
<dd>Item 1</dd>
<dd>Item 2</dd>
</dl>
<dl>
<dt><a href="#">Item Group B</a></dt>
<dd>Item 1</dd>
<dd>Item 2</dd>
<dd>Item 3</dd>
</dl>
<script type="text/javascript">
$(document).ready(function(){
$("dt > a").click(function(){$
(this).parent().parent().find("dd").toggle(); return false;});
});
</script>
a little hard for your code, so i change the html =P
On Jan 23, 1:37 am, "Volkan Görgülü" <[EMAIL PROTECTED]> wrote:
> 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.
