Variable Div height with toggle slide
<p>this link is a part of a website I'm designing. <a href="http://jsfiddle.net/studioband/Y29em/30/" rel="nofollow">http://jsfiddle.net/studioband/Y29em/30/</a></p>

<p>I managed to get the slide/toggle working thanks to help of @Tats_innit. I have tried to get a slide toggle on the container and an fade animation on the text, this works initially but then falls over. You can see this when you click on project info and subscribe. </p>

<p>What I'm trying to achieve is that the height for the grey background reveal is variable, so if one div is open and the other is clicked the height of the div slides up or down to suit the amount of content, not go all the way up over the text, I have separated the info and background div.  I have also tried to achieve this through .toogleClass. I have added the same classes onto the subscribe area and it keeps falling over. </p>

<p>I have looked into if and else states, variable animation and toggle class, but not sure how to integrate it all. If anyone can help me it would be greatly appreciated. </p>
