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?
funcionalidad show/hide solo con CSS
Iniciado por
Felipe35
, mar 10 2014 02:56
#1 AUTOR PREGUNTA
Esto también te interesa!
#2
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>