Expand/Collapse set height divs with same class using jQuery
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/7590118/jquery-div-content-partial-hide-show-all">jQuery div content partial hide, show all</a>  </p>
</blockquote>



<p>I know this has been done and I have seen in peoples websites but I can't find it. So I am here.</p>

<p>I need to set up or list multiple divs (4 or 5) on a page with the same class and set each div about 50 pixels tall.  I need them to expand to the div to the full height of the content. Assuming using show/hide or slideUp/slideDown. And when the collapse happens, collapse the div back down to the 50 pixels.  Again I want multiple divs with the same class and fire independently from each other.</p>

<p>Anybody seen this before. I saw <a href="http://jsfiddle.net/Jaybles/2PSME/" rel="nofollow">this solution</a> but was not quite what I need. I need an expand and close, as well as, all divs need to start out the same height then once the expand is clicked, that specific div needs to expand. Each can be open independent of each other.</p>

<p>Any ideas?</p>
