SharePoint - jQuery - Click a box to increase height and reduce other open boxes
<p>I have a list with several list items.</p>

<p>Each of these items have been styled through XSLT and CSS as boxes with content in them.</p>

<p>The Content Query Web Part is displaying this information.</p>

<p>When I click on a box, I want the height of the content to increase whilst reducing the height of another open item.</p>

<pre><code>$(document).ready(function(){

$('.content-box').animate({height:30},"slow"); //Ensure all boxes have a height of 30px on load


$('.container').click(function(){

    $('this').find('.content-box').animate({height:180},"slow");

});
</code></pre>

<p>});</p>

<p>Now this, as expected will increase the height of the box on click. However, if I click another box, as expected, the height will also increase. I do however want the original item clicked (which is still currently open) to animate back to 30px.</p>

<p>Thanks,</p>
