Как откорректировать эффект fadeIn,fadeOut?

Question

[GaserV]

Подскажите. Как сделать, чтобы все появлялось плавно и без скачков? В данный момент, при наведении на tab, соответствующий ему tab-content отображается как-то прыжками чтоле. Как сделать, чтобы они все появлялись в одном месте? А не друг под другом. elinadesign.ru
раздел "КАКОЙ РЕЗУЛЬТАТ ВЫ ПОЛУЧИТЕ?"

Answer 1

[Sergey]

Может помочь библиотекa JQuery UI
Линк на доки - Табы
Линк на пример с картинками - Пример

Answer 2

[holfza]

Попробуйте через callback:

$('[data-for]').mouseenter(function(){
    var $this = $(this);
    $('[data-item]').stop().fadeOut("slow", function() {
        $('[data-item]').removeClass('active');
        $('[data-item="' + $this.data('for')+'"]').stop().fadeIn("slow").addClass('active');
    });
});

Comments

[GaserV]

т.е. через колбэк?

[GaserV]

этот вариант не срабатывает) ничего не изменилось