WebSite X5Help Center

 
Luca E.
Luca E.
User

Menu hamburger  it

Autor: Luca E.
Besucht 1176, Followers 2, Geteilt 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>

Gepostet am
6 ANTWORTEN - 2 NüTZLICH
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

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Luca E.
Esse Di
Esse Di
User

Come chiudi "la lista dell' hamburger menu"?

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

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Esse Di