jquery toggle não está funcionando no celular - php, javascript, jquery

então eu estou tentando fazer isso quando você clica no menu na versão responsiva móvel deste site aqui http://dev.trafficdigitalagency.com/stage/ ele alterna o que é display: none; no submenu de classe "

aqui está o javascript / jquery que eu uso (que pode ser encontrado em http://dev.trafficdigitalagency.com/stage/js.js)

$(document).ready(function(){
$("#menu-item-3121").click(function() {
$(".sub-menu").fadeToggle("slow");
});
});

por que quando eu clico no menu na versão responsiva o submenu não alterna?

Respostas:

Eu tive o mesmo problema no outro dia. Acontece que o retorno de chamada do evento click estava sendo configurado para disparar duas vezes, então a alternância parecia não ter sido disparada. Acabou tendo de garantir que todos os ouvintes existentes fossem removidos antes de adicionar um. Anote a chamada off (). isso funciona para você:

$(document).ready(function(){
$("#menu-item-3121").off("click").on("click", function() {
$(".sub-menu").fadeToggle("slow");
});
})

Se você der uma olhada no console, (Ctrl-Shift-Jno Chrome) onde todos os JSs registrados, você verá que o problema real depende da maneira como o WordPress carrega a biblioteca jQuery no modo "sem conflito".

Eu acredito que a solução fornecida Aqui por @RedEyedMonster irá ajudá-lo, então escreva sua função como esta:

jQuery(document).ready(function ($) {
$("#menu-item-3121").click(function() {
$(this).find(".sub-menu").fadeToggle("slow");
});
});