Отставание свойства jQuery Animate

Разработчики! Я разрабатываю рекламный веб-сайт, где домашняя страница и подстраницы находятся в одном индексе. Переход содержимого происходит по щелчку меню. Хорошо.

Иметь 4 подстраницы. Два слева и два справа. При нажатии на первый вариант слева, второй скрывается. При нажатии на второй вариант первый скрывается.

Здесь лучше видно: http://www.safiradigital.com.br/kennermusiclab/

Но у меня проблема с этим левым переходом .animate(). Слева направо иногда происходит большая задержка выполнения анимации.

Например, нажмите «O que é Music Lab?» и после этого нажмите «Inscrição». Вы видите большую задержку перехода тела.

У кого-нибудь есть решение, чтобы исправить эту ошибку задержки в .animate()?

My JS is:

$(".o-que-e").click(function() {
    $(".content-geral").animate({
        left: '195'
    },2700); // Durante 2700 milisegundos
    $(".videos-interna").hide();
    $(".o-que-e-interna").show();
}); // Finaliza o click

$(".galeria-videos").click(function() {
    $(".content-geral").animate({
        left: '195'
    },2700);
    $(".videos-interna").show();
    $(".o-que-e-interna").hide();
    }); // Finaliza o click

$(".inscricao").click(function() {
    $(".content-geral").animate({
        left: '-3986'
    },2700);
            $(".regulamento-interna").hide();
            $(".inscricao-interna").show();
});

$(".regulamento").click(function() {
    $(".content-geral").animate({
        left: '-3986'
    },2700);
    $(".inscricao-interna").hide();
    $(".regulamento-interna").show();
});