меню с действием .click и .hover через if / else
 

Нужно реализовать меню, с функцией .click и .hover к одним и тем же объектам. (пример прикрепил)
Нужно что бы после активации .click, .hover выключался. Через классы не вариант, т.к. там сильно сложную структуру нужно будет строить, запутаешься. И не стабильно.
Хочу реализовать через if / else, примерный код:

$('#m1').click(function(){
        $('#a1').transition({y:'26px',rotate:'-135deg'});
        $('header').delay(600).transition({y:'100px'},600);
    });
 
    if($('#m1')."Был клик") {
        $('#m1').click(function(){
        $('#a1').transition({y:'0px',rotate:'0deg'});
        $('header').delay(600).transition({y:'0px'},600);
    });
 
    }
    else {
        $('#m1').hover(
      function(){
        $('#a1').fadeIn(300).transition({y:'8px',rotate:'45deg'},300)},
      function(){
        $('#a1').transition({y:'0px',rotate:'45deg'},300).fadeOut(600);
    });
    };

Есть же переменные, почему не использовать их?

click_check = false;
$('#m1').click(function(){
   if(click_check == fasle){
     click_check = true;
     //Делаем что то
  }else{
     //Делаем что то
  }
}

мне нужен метод, который даст true если событие .click было активированно
что бы я его в дальнейшем мог применить к оператору сравнения if