How to toggle Effect in Div using only css?

Question

Note: I tried all questions & answers related this topic. Additionally and I tried related questions and try to solve it but not success. So please read m

Answer 1

you achieve that using checkbox with some css manipulation

div input {
  margin-right: 100px;
}

.check-btn label {
  display: inline-block;
}

.check-btn input {
  display: none;
}

.clicker {
  background: green;
  padding: 5px 10px;
}

.hiddendiv {
  background: #000;
  width: 100px;
  height: 100px;
  display: none;
}

.check-btn input:checked ~ .hiddendiv {
  display: block;
}

    
    Click me
    

Here jsfiddle