Нужно реализовать меню, с функцией .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);
    });
    };