show/hide function for WKY

HTML

<dl class="faqs">
    <dt><span>Question 1</span></dt>
    <dd>This is answer 1.</dd>
    <dt><span>Question 2</span></dt>
    <dd>This is answer 1.</dd>
</dl>

CSS

dt span {
    cursor: pointer;
    color: black;
}
dd {
    display: none;
}

JavaScript

$(document).ready(function() {
    $('dt span').click(function(){
        $('dd').hide();
        $(this).parent().next().show();
    });
});