title: I am using a jquery type accordian with hidden text. All div classes open at the same time but I am only wanting 1 to open. to open at a time
body: <p>i have text hidden in div classes that when you click read more, I would like the panel to toggle down. The problem is all panels with that class name open, I only want one you clicked to open    </p>
  
  <pre><code>    &lt;div class="earlyNews"&gt;
      &lt;div class="layer"&gt;
      &lt;div class="newsWrap"&gt;
      &lt;div class="newsTitle"&gt;perfectly balanced&lt;/div&gt;
      &lt;img  class="newsImage" src="assets/images/240x160.jpg"  align="left"/&gt;
      &lt;div class="newsText"&gt;
      &lt;p&gt;Ous illa dolo inctem coria prempor posae. Exeri omnimus animusciatem   restium fuga. Nequi dolut idendi consequam id eatiis autaque nos volorporiunt quis re quid mos nulparibus ea volorio.Mossum sum fugia pore verum is erspidellit, solor aut accuptatium sum estistiis estminveliquis....&lt;/p&gt; &lt;span class="more"&gt;Read more&lt;/span&gt;
      &lt;/div&gt;
  
      &lt;/div&gt;&lt;!-- newsWrap --&gt;
      &lt;div class="moreTextPanel "&gt;&lt;p class="hell"&gt;blagh blash shfiohthioudlbe the rest of the text hereSed et lectus in massa imperdiet tincidunt. Praesent neque tortor, sollicitudin non, euismod a, adipiscing a, est. Mauris diam metus, varius nec, faucibus at, faucibus sollicitudin, lectus. Nam posuere felis ac urna. Vestibulum tempor vestibulum urna. Nullam metus. Vivamus ac purus. Nullam interdum ullamcorper libero. Morbi vehicula imperdiet justo. Etiam mollis fringilla ante. Donec et dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam mi libero, luctus nec, blandit ac, rutrum ac, lectus.&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;&lt;!-- layer --&gt;
  &lt;/div&gt;&lt;!-- earlyNews --&gt;
  
      &lt;div class="earlyNews" &gt;
      &lt;div class="layer"&gt;
      &lt;div class="newsWrap"&gt;
      &lt;div class="newsTitle"&gt;perfectly balanced&lt;/div&gt;
      &lt;a href="#"&gt;&lt;img  class="newsImage" src="assets/images/240x160.jpg"  align="left"/&gt;&lt;/a&gt;
      &lt;div class="newsText"&gt;
      &lt;p&gt;dolo inctem coria prempor posae. Exeri omnimus animusciatem veris uissimoblandi omnim restium fuga. Nequi dolut idendi consequam id eatiis autaque nos volorporiunt quis re quid mos nulparibus ea volorio. &lt;/p&gt; 
      &lt;span class="more"&gt;Read more&lt;/span&gt;&lt;/div&gt;
  
      &lt;/div&gt;&lt;!-- newsWrap --&gt;
      &lt;div class="moreTextPanel"&gt;
      &lt;p class="hell"&gt;this woudlbe the rest of the text here
      Sed et lectus in massa imperdiet tincidunt. Praesent neque tortor, sollicitudin non, euismod a, adipiscing a, est. Mauris diam metus, varius nec, faucibus at, faucibus sollicitudin, lectus. Nam posuere felis ac urna. Vestibulum tempor vestibulum urna. Nullam metus. Vivamus ac purus. Nullam interdum ullamcorper libero. Morbi vehicula imperdiet justo. Etiam mollis fringilla ante. Donec et dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam mi libero, luctus nec, blandit ac, rutrum ac, lectus.&lt;/p&gt;
  
      &lt;/div&gt;
  
      &lt;/div&gt;&lt;!-- layer --&gt;
      &lt;/div&gt;&lt;!-- earlyNews --&gt;
  
      jquery 
        $(".more ").click(function(){
          $(this).parent().parent().find(".hell").slideToggle("slow");
  
          if($(this).text() == 'Close')
         {
            $(this).text('Read more');
       }
         else
     {
           $(this).text('Close');
      }
     });
  </code></pre>