Bom pessoal to querendo adicionar um efeito a uma div. Atualmente estou usando Hover do css pra animar essa div, porém como todos sabem o hover é ativado quando o mouse passa por cima, eu queria saber como eu posso animar essa mesma div apenas quando ela for clicada.
Atualmente o código css está assim:
#box{width:280px; height:30px; line-height:30px; background:#0F0}
.area{width:260px; height:0px; background:#000; margin:0px 10px; transition-duration:2s}
.box:hover .area{height:100px;}
Dessa forma ai a div "área" vai "crescer" ao passar o mouse por cima, só que eu quero que ela "cresça" apenas quando a div "box" for clicada.