WebSite X5Help Center

 
Luca E.
Luca E.
User

Menu hamburger  it

Autore: Luca E.
Visite 909, Followers 2, Condiviso 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>

Postato il
6 RISPOSTE - 2 UTILI
Esse Di
Esse Di
User

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

Leggi di più
Postato il da Esse Di
Luca E.
Luca E.
User
Autore

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

Leggi di più
Postato il da Luca E.
Esse Di
Esse Di
User

Come chiudi "la lista dell' hamburger menu"?

Credevo avessi il pulsante standard (X) dell'Hmburger menu

Leggi di più
Postato il da Esse Di
Esse Di
Esse Di
User

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

Leggi di più
Postato il da Esse Di
Luca E.
Luca E.
User
Autore

E invece grazie :)

Quel codice sono rimasugli di vecchie prove, come l'ho tolto sbaaaaaamm

FUNZIONA!!!

Grazie mille.laughing

Leggi di più
Postato il da Luca E.
Esse Di
Esse Di
User

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

Leggi di più
Postato il da Esse Di