эффект затухания повторяется столько раз, сколько я навожу

Я использую эффект затухания, чтобы скрыть и показать два элемента div при наведении на них курсора. Единственная проблема заключается в том, что анимация повторяется столько раз, сколько я навожу на нее курсор, хотя это происходит случайно и немного раздражает.

Я использую метод .stop(true, false) для анимации.

Как это:

$('.fallInspiration').hover(
   function(){
      $(this).stop(true, false).animate({color: '#D55E8E'}, 300);
},

Но я не знаю, как решить проблему при использовании эффекта затухания.

Вот код, который я использую:

$('.thisWeekWrap').hover(
    function()
    {
        $('.thisWeek').fadeOut(400);
        $('.thisWeekHover').fadeIn(400);
    },
    function()
    {
        $('.thisWeek').fadeIn(400);
        $('.thisWeekHover').fadeOut(400);
    }
);

Помощь высоко ценится. Спасибо