title: How to make the DIV contents slide out and appear only when the user clicks on the DIV heading?
body: <p>If I have a DIV heading of <code>Contact Details</code> or <code>Address Details</code>, as in the following example:</p>
  
  <p><a href="http://jsfiddle.net/2CZFL/" rel="nofollow"><strong>http://jsfiddle.net/2CZFL/</strong></a></p>
  
  <p>how can I use jQuery to implement a feature whereby the contents of the div only slide out and appear to the user when the user clicks on the DIV heading.</p>