<input type="checkbox" id="toggle">  
  <label for="toggle">МЕНЮ</label>  
  <p class="to-be-changed">  
   
  <a href="#" class="aaa">subМеню</a>  
  <a href="#" class="aaa">subМеню</a>  
  <a href="#" class="aaa">subМеню</a>  
  <a href="#" class="aaa">subМеню</a>  
   
   
   
  </p>

.to-be-changed {  
  display:none;  
   
  transition-duration:0.5s;  
  border-radius:20px 10px 20px 10px;  
   
  }  
   
  input[type=checkbox]:checked ~ .to-be-changed {  
  display:block;  
  transition-duration:0.5s;  
  }  
  input[type=checkbox] {  
  position: absolute;  
  top: -9999px;  
  left: -9999px;  
  }