Estou usando um menu lateral num site e queria que ele retraísse com um clique no botão… acontece que isso só está acontecendo após dois cliques!!

function resp() {     var clique = document.getElementById("btn-menu");     var menuLateral = document.getElementById("menu-lateral");       clique.onclick = function (e) {          e.preventDefault();          menuLateral.classList.toggle('toggleMenu');    };  } 

Estou usando um link para chamar a função script: <a href="#" onClick="resp()" id="btn-menu">

menu-lateral é o id da div do menu lateral

toggleMenu é a classe que é adicionada a div do menu lateral

Esse código eu peguei como base de outra pessoa, porém ela não usava como function() e não tinha um onClick na tag … porém assim o meu não funciona… alguém sabe o que pode ser?? é chato ter que clicar duas vezes pro menu retrair (isso só acontece no primeiro toque depois de atualizado a página)