How to keep :active css style after clicking an element

Question

I use anchor as my site navigation.

about


<         


        
      

Answer 1

Combine JS & CSS :

button{
  /* 1st state */
}

button:hover{
  /* hover state */
}

button:active{
  /* click state */
}

button.active{
  /* after click state */
}


jQuery('button').click(function(){
   jQuery(this).toggleClass('active');
});