title: CSS and HTML only dropdown spoiler
body: <p>I am trying to create a CSS and HTML drop-down spoiler with open animation.</p>
  
  <p>I started from this 
  <a href="http://jsfiddle.net/ERAFY/x8FQJ/1/" rel="nofollow noreferrer">jsfiddle</a> 
  but <code>margin-top:-100%;</code> doesn't work very well.</p>
  
  <pre><code>margin-top:-100%;
  </code></pre>
  
  <p>Any solution for smooth animated dropdown container?</p>