Jquery specific div selection without using accordian
<p>HI,</p>

<p>I'm trying to get accordion like functionality without using jQuery's UI accordion feature.</p>

<p>How can I select the related (child?) div to open when using a link attached to a <code>dt</code> element?</p>

<p><strong>At present my code is</strong></p>

<pre><code>&lt;div id="listings"&gt;
  &lt;dl class="listings"&gt;
    &lt;dt&gt;
      Get the Milk
    &lt;/dt&gt;
    &lt;dd&gt;
      Due Date: 17th Oct
    &lt;/dd&gt;
    &lt;dd&gt;
      &lt;a href="#" class="more"&gt;more details 2&lt;/a&gt;
    &lt;/dd&gt;
    &lt;dd&gt;
      &lt;a href="#"&gt;mark as complete&lt;/a&gt;
    &lt;/dd&gt;
  &lt;/dl&gt;
  &lt;div class="more_details"&gt;
    &lt;p&gt;
      This is some details about the task that I would to have appear when
      the more details 1 link is clicked
    &lt;/p&gt;
  &lt;/div&gt;
  &lt;dl class="listings"&gt;
    &lt;dt&gt;
      Go to Work
    &lt;/dt&gt;
    &lt;dd&gt;
      Due Date: 22th Oct
    &lt;/dd&gt;
    &lt;dd&gt;
      Site: None
    &lt;/dd&gt;
    &lt;dd&gt;
      &lt;a href="#" class="more"&gt;more details 2&lt;/a&gt;
    &lt;/dd&gt;
    &lt;dd&gt;
      &lt;a href="#"&gt;mark as complete&lt;/a&gt;
    &lt;/dd&gt;
  &lt;/dl&gt;
  &lt;div class="more_details"&gt;
    &lt;p&gt;
      This is some details about the task that I would to have appear when
      the more details 2 link is clicked
    &lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p><strong>The jQuery I'm using is</strong> </p>

<pre><code>$('.more').click(function() {
    $('.more_details').slideToggle('fast', function() { });
    return false;
});
</code></pre>

<p>But the problems I have are</p>

<ol>
<li><p>When the link with class more is clicked, naturally all the more_details divs open</p></li>
<li><p>The amount of items in the list will vary as they are being generated from a database query so I cant used fixed, unique class names</p></li>
</ol>

<p>Thanks</p>

<p>Jz</p>
