title: Is it possible to show a drop down on click only using CSS?
body: <p>Has anybody tried making or seen a drop-down menu with only CSS, no javascript.</p>
  
  <p>So <strong>clicking</strong> a toggle will show the drop-down (not hovering), and then the drop-down will hide on mouseleave. </p>
  
  <p>I thought it may be possible using combinations of :hover and :active sates but I was unable to make it work.</p>
  
  <p>I know this can easily be achieved with javascript, but I would like it to work with purely CSS. </p>
  
  <p>Thanks</p>
  
  <p>Edit: There are many examples of dropdowns triggered by :hover, I have yet to see an example of a css dropdown triggered by a <strong>CLICK</strong>.</p>