32 lines
835 B
JavaScript
32 lines
835 B
JavaScript
/* Variables: cámbialas por los id y clase correspondiente */
|
|
|
|
/* id del enlace que despliega el menú */
|
|
var lanzador = "#enlace-menu";
|
|
|
|
/* id del menú que será desplegado */
|
|
var desplegable = "#menu";
|
|
|
|
/* clase (sin el punto) que muestra el menú */
|
|
var despliegaClase = "menu-desplegado";
|
|
|
|
|
|
/* A partir de aquí, puedes dejar el código tal cual */
|
|
|
|
/* declaramos las funciones */
|
|
function nav(){
|
|
var lanz = document.querySelector(lanzador);
|
|
lanz.addEventListener("click", despliegaMenu, false);
|
|
}
|
|
|
|
function despliegaMenu(e){
|
|
e.preventDefault();
|
|
var despl = document.querySelector(desplegable);
|
|
despl.classList.toggle(despliegaClase);
|
|
}
|
|
|
|
/* Agregamos la clase js a la etiqueta html para saber que JS está funcionando */
|
|
document.querySelector("html").classList.add("js");
|
|
|
|
|
|
/* ejecutamos la función principal */
|
|
nav(); |