Quiero que, al tocar un botón, aparezca el menú y que al volverlo a tocar, desaparezca. No entiendo por qué no funciona. Teóricamente está todo bien, ¿Alguien sabe alguna solución?
El código en cuestión es el siguiente, muchas gracias, pongo un poco más de texto porque la página no me deja publicar la pregunta, disculpen las molestias:
$(document).ready(main);
document.getElementByClassName(".menu_bar").addEventListener('click', slide);
function main()
{
//Para que al tocar el ||| aparezca y desaparezca el menu
function slide()
{
document.getElementByClassName(".nav").toggle();
}
//Para que al tocar "Quienes somos?" E "Institutos Dependientes" aparezca o desaparezca
$(".arriba").click(function(){
$(this).children("ul").slideToggle();
})
};
<html lang="es" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, user-scalabre=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<div class="header">
<div class="menu_bar">
<a href="#"><img src="img/menu.png">Menu</a>
</div>
<nav>
<ul class="nav">
<li class="arriba"><a href="inicio.php">Inicio</a></li>
<li class="arriba"><a href="#">¿Quienes Somos?</a>
<ul style="display: none;">
<li><a href="quienessomos/historia.php">Historia</a></li>
<li><a href="quienessomos/heraldica.php">Heráldica del logo</a></li>
<li><a href="quienessomos/institucional.php">Institucional</a></li>
<li><a href="quienessomos/autoridades.php">Autoridades</a></li>
<li><a href="quienessomos/organigrama.php">Organigrama</a></li>
</ul></li>
<li class="arriba"><a href="galeria.php">Galería Digital</a></li>
<li class="arriba"><a href="novedades.php">Novedades</a></li>
<li class="arriba"><a href="contacto.php">Contacto</a></li>
</ul>
</nav>
</div>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>AOS.init();</script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="include/menu.js"></script>
</body>
</html>
.slideToggle()
por .toggle()$(".menu_bar").click(function() { $(".nav").slideToggle(); });
Si funciona, no se xq no puedo hacerlo de la otra forma, y me pidieron q lo haga de la otra forma no se xq jajajajajja<>
) para ejecutar el código en la pregunta misma.