:checked moves an object

[Zuccers]

Hello, I really need help with css. I don't know what to do, i have a checkbox and when it's checked i want an object to move, but it doesn't work for me

My useless code:

#menuToggle [type=checkbox]:checked + .tab{
    top: 30%;
    position: absolute;
}

Any help would be great!

[Guest]

Assuming that #menuToggle and .tab are adjacent elements, the mistake is probably that checkbox should be in quotes. That is, the top line should be:

#menuToggle[type='checkbox']:checked + .tab {

 

[Zuccers]

10 hours ago, WatermelonLesson said:

Assuming that #menuToggle and .tab are adjacent elements, the mistake is probably that checkbox should be in quotes. That is, the top line should be:

#menuToggle[type='checkbox']:checked + .tab {

 

Doesn't work