title: Slide down div on click Pure CSS?
body: <p>I found this post <a href="https://stackoverflow.com/questions/8101284/how-to-create-sliding-div-on-click">How to create sliding DIV on click?</a></p>
  
  <p>But all the answers are Jquery methods. Is there any way to create this with PURE CSS?
   I have a couple other things in mind as well...</p>
  
  <ol>
  <li>What can I add to make the slide down div stay put when scrolling </li>
  <li>Change the link that triggers the animation to "Close"  in order to make the div slide back up</li>
  </ol>
  
  <p>Here is a link to the example in that post//
  <a href="http://shutterbugtheme.tumblr.com/" rel="nofollow noreferrer">http://shutterbugtheme.tumblr.com/</a></p>
  
  <p>I've also tried googling but the only results are jquery methods...</p>