title: What is better for making a read more, read less button. Pure css or Jquery (support, performance etc.)
body: <p>I just had a long discussion with my friend over what is better to make a read less, read more button.</p>
  
  <p><a href="https://jsfiddle.net/c87pr0no/" rel="nofollow">My code with Jquery: using,<code>addClass, Toggle etc</code></a></p>
  
  <p><a href="https://jsfiddle.net/498jjnur/" rel="nofollow">His code pure Css: using,<code>pseudo-class :checked</code></a></p>
  
  <p>websites are ducth btw meer = more, minder = less.</p>
  
  <p>TL:DR whats better for overall use (support, performance etc.) my code or his.</p>
  
  <p>I think my option is better because,
  Its ie6+ support correct me if i'm wrong. His ie9+.Ie8 &lt; doesn't support pseudo-class :checked. Also his checkbox doesn't actually contain text (he is using an :after to place text). Wich actually would be better for a application that reads the website for blind people so it doesn't read the button. but I told him that those applications will find a button without text. So he added a label with font-size: 0 so it will find a button with a label show more text, but that text can't change on click without javascript so it's static.</p>
  
  <p>he thinks his is better because,
  No use of javascript so it's better for performance. and some more but i forgot :/</p>
  
  <p>What would you use and why?</p>