jquery toggle display

<script>
$(document).ready(function(){

	$("dt a").click(function(e){
		$(e.target).children("dd").toggle();
	});
});
</script>
<style>
dd{display:none;}
</style>


<pre>
<dl>
    <dt><a href="/">jQuery</a></dt>
    <dd>
    <ul>
    	<li><a href="/src/">Download</a></li>
    	<li><a href="/docs/">Documentation</a></li>
    	<li><a href="/blog/">Blog</a></li>

    </ul>
    </dd>
    <dt><a href="/discuss/">Community</a></dt>
    <dd>
    <ul>
    	<li><a href="/discuss/">Mailing List</a></li>
    	<li><a href="/tutorials/">Tutorials</a></li>
    	<li><a href="/demos/">Demos</a></li>
    	<li><a href="/plugins/">Plugins</a></li>
    </ul>
    </dd>
</dl>
</pre>

$("dt a").click(function(){
    $(this).parent().next("dd:first").toggle();
    return false;
});

<script>
$(document).ready(function(){

        $("dt a").click(function(e){
                // Toggle elements whose class is named by the anchor class
                $('dd.'+this.className).toggle();
                return false;
        });
});
</script>
<style>
dd{display:none;}
</style>


<pre>
<dl>
    <dt><a class='jQuery' href="/">jQuery</a></dt>
    <dd class='jQuery'>  <!-- Set the class name to the anchor class -->
    <ul>
        <li><a href="/src/">Download</a></li>
        <li><a href="/docs/">Documentation</a></li>
        <li><a href="/blog/">Blog</a></li>

    </ul>
...

$(document).ready(function() {
    $("dt a").click(function(e) {
        $(e.target).parent().next().toggle();
        return false;
    });
});