Increase a div size on click with css alone

I want to increase the width of my div when i click on it.I want to achieve this with css alone.Is it possible ? I made an increase in width via hover,but i need the same effect to happen when i click on the div.Suggestions are appreciated.

HTML

<div id="sample"></div>

CSS

#sample{
  width:100px;
  height:100px;
  background:#000000;
}

I want to change the width to 200px on click.