Срабатывают две функции при клике (один div сверху другого)

var qwer = 0
$(click_pod_menu).click(function(e){
    qwer = (qwer ==0) ? 1 : 0;
if (qwer == 1)
{
    var e = document.getElementById('click_pod_menu');
    e.className = 'odd';
    e.innerHTML="<span style='color:grey;float:left;margin-left:3px;'>◄</span> <b>Меню</b> <span style='color:grey;float:right;margin-right:3px;'>►</span>";
    var el = document.getElementById('main_pod_menu');
    el.style.display='';
}
if (qwer == 0)
{
    var e = document.getElementById('click_pod_menu');
    e.className = 'even';
    e.innerHTML="<span style='color:grey;'>◄</span> Меню <span style='color:grey;'>►</span>";
    var el = document.getElementById('main_pod_menu');
    el.style.display='none';
}
return false;
});
 
        document.body.addEventListener("click", function(){
            var e = document.getElementById('click_pod_menu');
            e.className = 'even';
            e.innerHTML="<span style='color:grey;'>◄</span> Меню <span style='color:grey;'>►</span>";
            var el = document.getElementById('main_pod_menu');
            el.style.display='none';
            qwer = 0;
        });

 document.body.addEventListener("click", function(event){
        if(event.target.closest(".menu") !== null); 
        //если элемент, по которому кликнули не имеет родителя с классом "меню", то скрываем меню
        });