title: Convert hover accordion to onclick
body: <p>I have a accordion menu which is developed with pure css3. Currently it is opening the menu when hover on it but I want it to be opened on click. Ho do I achieve this?</p>
  
  <p>One more help. Currently content div is in the right side of the heading but I need that to be opened in the left side.</p>
  
  <p>And content div should have auto width based on the content.</p>
  
  <p>Here is the <a href="http://jsfiddle.net/a545y/" rel="nofollow">DEMO</a></p>