Chowające się menu boczne [CSS]

pytanie zadane 30 stycznia 2018 w HTML i CSS przez Yashe Dyskutant (7,720 p.)

Witam,

Stworzyłem sobie menu boczne, które po kliknięciu przycisku rozsuwa się. Po głębszym zastanowieniu chciałbym, aby efekt był odwrotny, lecz moim sposobem nie wypali. Mianowicie, wszystko opiera się o element :focus nałożonym na przycisk. Tutaj jest efekt uzyskany przeze mnie:

https://jsfiddle.net/6s6vssnu/1/

Dla wprawionego oka wiadome będzie, że "odwrócenie" tego wszystkiego używając dalej tylko focusa, będzie bardzo niepraktyczne, gdyż przy klikaniu w inny element strony chat będzie się zawsze aktywował. Ma ktoś z was jakieś pomysły ? Bardzo zależy mi na wykorzystaniu samego CSS'a nie używając przy tym JS.

Pozdrawiam serdecznie.

1 odpowiedź

odpowiedź 30 stycznia 2018 przez thryndl Nałogowiec (30,470 p.)
wybrane 31 stycznia 2018 przez Yashe

Najlepsza

Możesz wykorzystać do tego checkboxa z labelem.

Tu masz przykład responsywnej nawigacji z użytym checkboxem, codepen

komentarz 30 stycznia 2018 przez Yashe Dyskutant (7,720 p.)

Użycie checboxa, nie jest takie złe - przetestuje! Mimo wszystko czekam na dalsze propozycje rozwiązań

1	komentarz 31 stycznia 2018 przez Yashe Dyskutant (7,720 p.) Dla ludzi zainteresowanych umieszczam link do działającego "chowającego się" panelu menu. W okrojonej lekko wersji : https://codepen.io/anon/pen/PQwVGw?editors=1100