Para hacer una lista desplegable adecuada, necesita todo lo anterior: HTML para el contenido, CSS para el estilo y estructura del contenido y JS para la funcionalidad.
Aquí, cómo crear un menú desplegable con CSS y JavaScript, lo explican bastante bien en un solo archivo HTML. El CSS está dentro del , el JS está dentro del
.
El resto del archivo es para el HTML.
Hay 4 clases CSS que son así: .class {parámetro: valor; …}. Los elementos HTML usan estas clases para decorar o diseñar su apariencia. En este caso, es muy importante porque pueden ocultar cosas como el menú desplegable hasta que los usuarios hagan clic en él.
- ¿Cuál es la mejor manera de implementar soporte para múltiples idiomas en una aplicación web?
- ¿Necesito saber cómo codificar ampliamente para desarrollar un sitio web?
- ¿Cuál es más adecuado para comenzar, PHP 5 o PHP 7?
- ¿Hay un lugar para C en el desarrollo web?
- ¿Cuál es la diferencia entre Ruby y Ruby on Rails? ¿Tengo que conocer a Ruby antes de saltar a Rails?
El script tiene una función que se llama por onclick=
en el botón en el HTML. Esta función muestra u oculta el menú desplegable al hacer clic. También incluye una función del objeto de window
para cerrar cualquier menú desplegable actualmente abierto.
Este puede ser un buen punto de partida, debe intentar experimentar con este código para comprenderlo mejor. el uso de CSS externo se deja como ejercicio.