Как повторно активировать кнопку парит в JQuery

Question

http://codepen.io/Snowfiring/pen/oKpBh

Я пытаюсь отключить анимацию мыши, потому что при нажатии анимация начинает двигаться, и если ты еще парил над объектом он замерзает, конечный результат анимация останавливается, и он просто движется,

мой код, чтобы заморозить анимации при наведении курсора мыши является

function show_box() { 
    if($(window).width() > 768) { 
    $('.tab-content').hide(0, 
     function() { 
     $(this).prev().css('right', '29.337803855%'); 
     $(this).prev().children().children().click(function() { 
      $('.favorite').off('mouseenter').css('-webkit-animation-play-state', 'running'); 
      $('.secret').off('mouseenter').css('-webkit-animation-play-state', 'running'); 
      $('.current-projects').off('mouseenter').css('-webkit-animation-play-state', 'running'); 
      $('.tab-selection').animate({right: 0}, 3000).queue(function() { 
       $('.tab-content').show(1000); 
      }); 
      $('.favorite').on('mouseenter'); 
      $('.secret').on('mouseenter'); 
      $('.current-projects').on('mouseenter'); 
     }); 
     } 
    ); 
    }  
} 

отключить парить на MouseEnter и MouseLeave я использовал

.off('mouseenter') 

, но после того, как функция выполняется, а движущаяся полная я поставил

.on('mouseenter') 

но не повторного включения.

Answer 1

Сначала ваш код может быть намного короче, я думаю.

И, пожалуйста, загляните в документ jQuery для функции, которой она не является, что вы ожидаете!

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