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

Question

Я использую эффект затухания, чтобы скрывать и показывать два элемента 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);
    }
);

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

Answer 1

Вы ответили на свой вопрос: позвоните .stop(), прежде чем приступить к эффектам:

$('.thisWeek').stop().fadeOut( 400 )

если это вызывает проблемы (возможно, иногда jQuery «сохраняет» остановленные значения), попробуйте:

$('.thisWeek').stop().animate({ opacity : 0 }, 400);