Наведите указатель мыши на инкапсуляцию jquery и div

Question

У меня есть div в div с прокладкой.

Как это: http://jsfiddle.net/qevoxh5f/3/

Это очень очень странно, потому что это jsfiddle минималистская копия моего проекта, и у меня есть другой результат ...

В моем проекте, когда моя мышь находится на календарный div, зависание работает, но когда я решаю перейти к clndr div (внутри div div календаря), jQuery решает удалить класс и немедленно выполнить его сброс, что дает небольшой эффект мигания ...

И странно , это работает правильно на jsfiddle (на chrome и firefox) ... И еще хуже: эффект зависания только в моем проекте на Google Chrome.

http://media.giphy.com/media/26BkMl08chKm9kq5O/giphy.gif GIF моей проблемы

Есть идеи?

$('#calendar').mouseover(function() { 
    $(this).addClass('hover-month') 
}).mouseout(function() { 
    $(this).removeClass('hover-month') 
}); 

$('.week').mouseover(function (e) { 
    e.stopPropagation() 
    $(this).addClass('hover-week') 
}).mouseout(function() { 
    $(this).removeClass('hover-week') 
}); 

Answer 1

$('#calendar').hover(function() { 
    $(this).toggleClass('hover-month') ; 
}); 

$('.week').hover(function() { 
    $(this).toggleClass('hover-week'); 
    $('#calendar').toggleClass('hover-month'); 
});