Edit in JSFiddle

$("#expand dt a").click(function () {
   $(this).parent().siblings("dd").slideToggle(); 
});

<div id="expand">
<dl>
    <dt>Q: <a href="#">What is the question?</a></dt>
    <dd>A: The answer to the question!</dd>
</dl>
<dl>
    <dt>Q: <a href="#">What is the question?</a></dt>
    <dd>A: The answer to the question!</dd>
</dl>
<dl>
    <dt>Q: <a href="#">What is the question?</a></dt>
    <dd>A: The answer to the question!</dd>
</dl>
</div>

dt { color: black; font-weight: bold; }
dt a { color: red; }
dd { margin: 0; padding: 0; display: none }