Menu hamburger
Autor: Luca E.
Visitado 1172,
Seguidores 2,
Compartilhado 0
Ciao a tutti, avrei bisogno che quando si chiude la lista dell' hamburger menu, scompaia un div che ho reso visibile quando si clicca sul bottne dell'hamburger menu.
Purtroppo non riesco a capire quale sia il codice da inserire.
Potreste aiutarmi?
Grazie mille.
<script>
function myFunction() {
var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
$( "#imHeader_imMenuObject_01" ).click(function() {
myFunction();
});
</script>
Publicado em
Prova d inserire prima di </script> queste righe
$(".hamburger-menu-close-button").click(function() {
myFunction();
});
P.S. Se non ti rispondono è per il solito motivo: quando si chiede aiuto occorre indicare il link del sito
Autor
Grazie Esse Di per la risposta, purtroppo sembra non fungere.
Perla pubblicazione del sito non sapevo, io lo stavo testando in locale.
Comunque l'ho pubblicato su una cartella online.
http://www.arteottica.net/prova-app/
La risoluzione è per schermi 480px
Grazie in anticipo a chi mi potrà aiutare
Come chiudi "la lista dell' hamburger menu"?
Credevo avessi il pulsante standard (X) dell'Hmburger menu
Oltre a quanto detto nella mia precedente risposta
1. il codice inserito nel sito http://www.arteottica.net/prova-app/ è diverso da quello riportato nel tuo post di apertura
2. Il codice da me suggerito non è stato inserito in fondo al tuo, ma da solo in <head>
3. prima del tag </script> del tuo codice, in luogo delle righe da me suggerite è stato inserito
$("#imHeader_imMenuObject_01_container-menu-opened").click(function(){
myFunction();
4. Il tuo sito contiene altro codice esterno
In considerazione di ciò, non tener conto del mio suggerimento
Autor
E invece grazie :)
Quel codice sono rimasugli di vecchie prove, come l'ho tolto sbaaaaaamm
FUNZIONA!!!
Grazie mille.
Allora prova a sostituire il tuo codice con questo
<script>
var x = document.getElementById("myLinks");
$(".hamburger-button").click(function() {
x.style.display = "none";
});
$(".hamburger-menu-close-button").click(function() {
x.style.display = "block";
});
</script>
Se funziona, a mio parere è più semplice e più comprensibile