animated 'show' without jQuery
<p>I want to do a little animation on this latest website ii'm working on. Basically, I need one or two divs/paragraph show/hide based on onClick event on either radio buttons set or checkbox (then, if radio/check is value A, show div/p, if it's B then hide it)</p>

<p>The thing is, that this is all I would like to javascript-ify on that particular website, so jQuery looks like a little overkill (even the minified version)</p>

<p>Is there any <strong>simple</strong> [I can't stress this enough] way to do this either by <em>vanilla</em> javascript or some other minimal library [I'm generally looking for something &lt;2kB for events and little animation (height)]</p>

<p>Any ideas?</p>

<p>Thank you!</p>

<p><strong>Edit</strong>: Thanks to everyone, I just realized, that although some of the things I need to could be done via smart html+js, the rules of showing/hiding the right divs are so complicated, that it's worth of 30kB of including jQuery (even more if it's already cached from CDN), so I'll stick with jQuery. Cheers to everyone :)</p>

<p><strong>edit:</strong> JS+CSS3 transition followup
It works :) <a href="http://jsfiddle.net/ygZM7/23/" rel="nofollow">http://jsfiddle.net/ygZM7/23/</a></p>

<p>The only thing is: if height was previously not set (dynamic), first time you set it, the background flicks (goes from 0px height).</p>
