jQuery toggle () no siempre se dispara - javascript, jquery

He estado haciendo un poco de navegación móvil básica y estoy usando un evento de clic para mostrar / ocultar el menú.

Una muestra de código reducido:

        jQuery(".menu-button").click(function(){
jQuery(".header-nav").toggle();
console.log("clicked");
});

He estado depurando de forma remota en dispositivos móviles y console.log siempre funciona, pero el .header-nav toggle() parece que no se dispara al azar: no puedo detectar un patrón, pero siempre permanece en el DOM (que debería), por lo que su eliminación de alguna manera no es la razón por la que no se dispara.

¿Algunas ideas?

Respuestas

Gracias al comentario de Kevin B, parece que el evento de clic se dispara varias veces. Para solucionar esto, se utilizó lo siguiente:

$(element).off().on("click", function() {
// function body
});

Referencia: jQuery click events disparando varias veces