WebSite X5Help Center

 
Luca E.
Luca E.
User

Menu hamburger  it

Autor: Luca E.
Visitado 1212, Followers 2, Compartido 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 en
6 RESPUESTAS - 2 úTIL
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

Leer más
Publicado en de 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

Leer más
Publicado en de Luca E.
Esse Di
Esse Di
User

Come chiudi "la lista dell' hamburger menu"?

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

Leer más
Publicado en de 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

Leer más
Publicado en de 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

Leer más
Publicado en de 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

Leer más
Publicado en de Esse Di