jquery Simple SlideToggle in sections
<p>I am creating a simple page with questions and answers.
This is how it looks:</p>

<p>SECTION > Question > Answer</p>

<p>And this keeps on repeating with different sections, Each section has multiple questions and each question has an answer. By default everything is set to display:none. Now when someone clicks on any of the section, the related set of questions should showup, and when someone clicks on the question, it;s answer should show up.</p>

<p>Only one section should be open at a time.</p>

<p>I kind of figured it would require parent(), child(), each() functions but I don't know how and where to use them :(</p>

<p>I have previously used javascript and used to do it via ID basis, but since I'm using jQuery, I thought I'd rewrite the page using classes as .section, .question and .answer</p>

<p>Here is a the simple fiddle page where I have created li elements : <a href="http://jsfiddle.net/DKMJH/2/" rel="nofollow">http://jsfiddle.net/DKMJH/2/</a></p>
