How to keep :active css style after clicking an element

Question

I use anchor as my site navigation.

about


<         


        
      

Answer 1

I FIGURED IT OUT. SIMPLE, EFFECTIVE NO jQUERY

We're going to to be using a hidden checkbox.
This example includes one "on click - off click 'hover / active' state"

--

To make content itself clickable:

#activate-div{display:none}

.my-div{background-color:#FFF}

#activate-div:checked ~ label
.my-div{background-color:#000}

  

    //MY DIV CONTENT
  

To make button change content:

#activate-div{display:none}

.my-div{background-color:#FFF}

#activate-div:checked +
.my-div{background-color:#000}

  //MY DIV CONTENT



  //MY BUTTON STUFF

Hope it helps!!