Cargando

funcionalidad show/hide solo con CSS




Pulsa corazón para recibir avisos de nuevas Respuestas

  AUTOR PREGUNTA

Publicado 10 marzo 2014 - 02:56
Estoy desarrollando un site en el cual quiero tener muchas funcionalidades en base a css y me pregunta es: ¿Cómo puedo implementar un show/hide de un elemento con puro CSS?
  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba

 

Publicado 10 marzo 2014 - 04:35
Tengo un código desde hace un tiempo para acá que te puede funcionar, si puedes simplificalo un poco igual te servirá:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
input:not(:checked) + select { display: none; } input:checked + select { display: inline; }
</style>
</head>
<body>
<input type="checkbox" id="cb" />
<select id="sel"><option value="">Select Box</option></select>
</body>
</html>


   AUTOR PREGUNTA

Publicado 10 marzo 2014 - 15:01
Excelente Jhony, gracias


X