[jQuery] Toggle Only the below the on click

[[EMAIL PROTECTED]]

This is probably a noob question but...

I have a bunch of definition lists on a page with the same class so
that I can stripe every other <dd> in the list. What I want to do is
hide the <dd> elements and when I click on the <dt> toggle the <dd>
elements to visible. I want this to happen only on the <dd> elements
in the same definition list as the title I am clicking, not all the
<dd> elements on the entire page. What is happening now is that all of
the <dd> in all of my definition lists are being toggled when I click
on any of the <dt> elements on the page.

I am sure this is a simple solution, but I can't seem to wrap my head
around it. The code is below.

<script type="text/javascript">
$(function(){
        $('[EMAIL PROTECTED]"http://";]').attr('target', '_blank');
        $('[EMAIL PROTECTED]"https://";]').attr('target', '_blank');
        $(".stripes dd").hide();
        $(".stripes dt").click(function(){$(".stripes dd").toggle("slow");
        });
});
</script>

Thanks for your help!
-Paul