Javascript só funciona após dois cliques

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 <a>... 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)

	 

	Aí o site

	 

	 

	![imagem](https://forum.imasters.com.br/monthly_2017_12/image.png.fb3b30ab0f35727262f2c7465bf042d9.png)