Toggle a DIV without toggling all similarly named DIVs
<p>I'm creating a Q&amp;A test prep and there are several questions each followed by four possible answers and then below the answers there is an "Answer" button that reveals the true answer. I got everything working fine up until I realized that I have it so any "Answer" button will toggle all of the content DIVs. How do I make it that the "Answer" button only toggles open the "content" div that precedes it?</p>

<p>Keep in mind that I cannot assign unique IDs as there are hundreds of questions and I'm trying to save time.</p>

<p>jQuery:</p>

<pre><code>$(function() {  
   $(".answer").click(function() {  
      $(".content").toggle("slow");  
   });  
});  
</code></pre>

<p>CSS:</p>

<pre><code>div.content {  
   display: none;  
   width: 300px;  
   height: auto;  
   margin: 10px;  
   padding: 20px;  
   background: white;  
   border: 1px solid black;  
   cursor: pointer;  
}

button.answer {  
   font-family: sans-serif;  
   font-weight: bold;  
   font-style: normal;  
   font-size: 0.92em;  
   line-height: 1.36em;  
   text-indent: 0em;  
   text-align: left;  
   color: #000000;  
   margin: 1em 0em 0em 2em;
}  
</code></pre>

<p>HTML:</p>

<pre><code>&lt;div class="keep"&gt;
  &lt;p class="q"&gt;&lt;samp class="q-no"&gt;1.&lt;/samp&gt; Interpret the following directions:&lt;/p&gt;
  &lt;p class="q-equation"&gt;i cap po qid × 10d&lt;/p&gt;
  &lt;p class="an"&gt;&lt;span class="choice"&gt;a.&lt;/span&gt; Take one capsule by mouth four times a day for ten days.&lt;/p&gt;
  &lt;p class="an"&gt;&lt;span class="choice"&gt;b.&lt;/span&gt; Take one capsule by mouth three times a day for ten days.&lt;/p&gt;
  &lt;p class="an"&gt;&lt;span class="choice"&gt;c.&lt;/span&gt; Take one capsule by mouth twice a day for ten days.&lt;/p&gt;
  &lt;p class="an"&gt;&lt;span class="choice"&gt;d.&lt;/span&gt; Take one capsule by mouth once a day for ten days.&lt;/p&gt;

  &lt;div class="content"&gt;
    &lt;p class="anl"&gt;&lt;b&gt;a.&lt;/b&gt; Take one capsule by mouth four times a day for ten days. Remember: &lt;i&gt;qd&lt;/i&gt; is once a day, &lt;i&gt;bid&lt;/i&gt; is twice a day, &lt;i&gt;tid&lt;/i&gt; is three times a day and &lt;i&gt;qid&lt;/i&gt; is four times a day.&lt;/p&gt;&lt;a id="anchor-25-anchor"&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;button class="answer"&gt;Answer&lt;/button&gt;
&lt;/div&gt;

&lt;div class="keep"&gt;
  &lt;p class="q"&gt;&lt;samp class="q-no"&gt;2.&lt;/samp&gt; Interpret the following directions:&lt;/p&gt;
  &lt;p class="q-equation"&gt;ii tab po tid × 7d.&lt;/p&gt;
  &lt;p class="an"&gt;&lt;span class="choice"&gt;a.&lt;/span&gt; Take two tablets by mouth four times a day for seven days.&lt;/p&gt;
  &lt;p class="an"&gt;&lt;span class="choice"&gt;b.&lt;/span&gt; Take two tablets by mouth three times a day for seven days.&lt;/p&gt;
  &lt;p class="an"&gt;&lt;span class="choice"&gt;c.&lt;/span&gt; Take two tablets by mouth twice a day for seven days.&lt;/p&gt;
  &lt;p class="an"&gt;&lt;span class="choice"&gt;d.&lt;/span&gt; Take two tablets by mouth once a day for seven days.&lt;/p&gt;

  &lt;div class="content"&gt;
    &lt;p class="anl" id="anchor-25-anchor"&gt;&lt;b&gt;b.&lt;/b&gt; Take two tablets by mouth three times a day for seven days.&lt;/p&gt;&lt;a id="anchor-26-anchor"&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;button class="answer"&gt;Answer&lt;/button&gt;
&lt;/div&gt;
</code></pre>
