Hola chicos, estoy tratando de crear un sitio web que incluye una función que alterna una barra lateral cuando se hace clic en el ícono de la hamburguesa, pero parece que no funciona. todas mis etiquetas CSS vinculadas a JavaScript son correctas. Solo quiero que miren mi código JavaScript si es correcto.
$(document).ready(function(){ $('.menu-btn').click(function(){ $('.navbar .menu').toggleClass('active'); }); }); ```Es posible que no haya definido la referencia de jQuery. Después de revisar la aplicación de muestra a continuación, debe enviar un informe de errores más detallado.
$(document).ready(function() { $("#menu-btn").click(function(e) { e.stopPropagation(); e.preventDefault(); $(this).toggleClass("active"); $(".menu ul").toggleClass("active"); }); }); .toggle-nav{ margin-left: 7px; } .menu ul.active { display: none; } .menu ul { position: absolute; top: 20%; padding: 10px 20px; background: #F0F0F0; } .menu li { margin: 5px 0px 5px 0px; float: none; display: block; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="menu"> <button id="menu-btn" class="toggle-nav">Toggle</button> <ul class="active"> <li><a href="#">First</a></li> <li><a href="#">Second</a></li> <li><a href="#">Thirth</a></li> </ul> </div>