WebSite X5Help Center

 
Luca E.
Luca E.
User

Menu hamburger  it

Autor: Luca E.
Visited 1175, Followers 2, Udostępniony 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>

Posted on the
6 ODPOWIEDZI - 2 USEFUL
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

Czytaj więcej
Posted on the from Esse Di
Luca E.
Luca E.
User
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

Czytaj więcej
Posted on the from Luca E.
Esse Di
Esse Di
User

Come chiudi "la lista dell' hamburger menu"?

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

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from Esse Di
Luca E.
Luca E.
User
Autor

E invece grazie :)

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

FUNZIONA!!!

Grazie mille.laughing

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from Esse Di