CSS - Mostrar/Ocultar Sidebar

   
Vista:

Mostrar/Ocultar Sidebar

Publicado por Adri (1 intervención) el 10/01/2016 15:20:54
Buenas.

Estoy haciendo un trabajo de Inbox by Google como pequeña muestra y quisiera saber como puedo hacer que al pulsar el botón situado arriba-izquierda, el sidebar se oculte y si le vuelvo a pulsar que se vuelva a mostrar.
He conseguido hacerlo con el hover pero situando el ratón encima del sidebar, sin utilizar el botón.

El problema es que tengo que hacerlo con CSS y no puedo utilizar JavaScript por desgracia.

Esto es lo último que había probado pero no funciona:

.menu-toggle-icon ~ .sidebar:active {
opacity: 0;
transform: translateX(-250px);
}

Inbox
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Mostrar/Ocultar Sidebar

Publicado por xve (351 intervenciones) el 11/01/2016 07:42:24
Hola Adri, únicamente con CSS, no te se decir como hacerlo... como seguramente sabes, esto se hace siempre con JavaScript... con jquery es una sola linea de código para abrir y cerrar...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar