Soy bastante nuevo en el desarrollo web y actualmente estoy atascado en hacer una transición de menú desplegable fuera de la vista. Por el momento tengo un onclick="showMenu() y onclick="hideMenu() que enlaza con el script:
function showMenu() { navLinks.style.right = "0"; console.log("Show"); } function hideMenu() { navLinks.style.right = "-200px important"; console.log("Hide"); }La función hideMenu() no hace nada porque se está sobrescribiendo. No estoy seguro de cómo o por qué se está sobrescribiendo.
¿Cómo puedo sobrescribir esto o deshabilitarlo?
La razón aquí puede ser que haya definido dos function para el mismo evento al hacer onclick que hacen que solo se aplique una que se use primero.
Puede usar toggle para ocultar/mostrar el menú haciendo clic en el mismo botón, así:
JS
function showHideMenu(){ reed1 = document.getElementById("idOfYourMenu"); cardData.classList.toggle("showHide"); }CSS
{ .showHide{ right: 0px;/*If menu has right:-200px as initial value*/ }