Ukrycie DIV pod kliknięciu checkbox

Question

W poniższym kodzie zależy mi na takim ustawieniu CSS aby po zaznaczeniu checkbox z label "HAMBURGER" cały div #menu przesunął się poza ekran. Nie rozumiem jaki błąd w kodzie CSS popełniłem :(

CSS

#menu
{
  position:fixed;
  left:0%
}

.hamb input[type=checkbox]:checked + #menu
{
  left:-100%;
}

 

HTML

<nav>

	<div class="hamb"><label><input type="checkbox" >HAMBURGER</label></div>
	<div id="menu">
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">Wynajmij mnie</a></li>
			<li><a href="#">Sklep</a></li>
			<li><a href="#">Kurs gry</a></li>
			<li><a href="#">Nuty</a></li>
			<li><a href="#">Kontakt</a></li>
			<li><a href="#">Logowanie</a></li>
		</ul>
	</div>

</nav>

 

Comments

W Twoim poprzednim temacie toczy się już dyskusja, więc nie duplikuj proszę pytań.

---

Zgadza się przy czym tam szukałem rozwiązania w JS (i takiej kategorii wrzuciłem pytanie) a tutaj w CSS zakładając, że spece od CSS mogą nie zaglądać do kategorii JS...

W każdym razie jeżeli tutaj ktoś będzie znać rozwiązanie to na pewno udostępnię je również tam.

Dziękuję za zwrócenie uwagi.

---

@zbiku25, 

Proponuję użyć :has wtedy Twój css zadziała (a do "przesuwania" użyć: translatex).

[ on-line ]

#menu
{
  position:fixed;
  left:0;
  transition:transform 250ms;
}
 
.hamb:has(input[type="checkbox"]:checked) + #menu
{
  transform:translatex(-100%);
}

 

lub

[ on-line ]

<nav>

  <div class="hamb">

    <input type="checkbox" id="hamb" checked>
    <label for="hamb">HAMBURGER</label>

    <div id="menu">
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Wynajmij mnie</a></li>
        <li><a href="#">Sklep</a></li>
        <li><a href="#">Kurs gry</a></li>
        <li><a href="#">Nuty</a></li>
        <li><a href="#">Kontakt</a></li>
        <li><a href="#">Logowanie</a></li>
      </ul>
    </div>

  </div>

</nav>

#menu
{
  position:fixed;
  left:0;
  transition:transform 250ms;
}
 
.hamb input[type="checkbox"]:checked ~ #menu
{
  transform:translatex(-100%);
}

 

---

@VBService nie wiem skąd masz tyle wiedzy ale wymiatasz, coś niesamowitego! Bardzo dziękuję!