JQuery тумблер и слайд для настройки отзывов

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

Мне удалось создать функциональную версию, которую вы можете увидеть в этой скрипке или жить на этом веб-сайте. Любые улучшения и объяснения будут высоко оценены (я все еще очень новичок в jQuery).

Вот код jQuery, который я использовал:

$("div.container-slider").click(

function () {
    $("div.active-slide").toggleClass("animate", 1000, function () {
        $("div.mike").toggleClass("current-font", function () {
            $("span").toggleClass("company-current");
        }),
        $("div.neil").toggleClass("inactive-slide", function () {
            $("span").toggleClass("company");
        });
    }),

    $("div.testimonial-text").slideToggle("slow", function () {
        $("div.testimonial-text-2").toggleClass("display-none");
    });
});

Проблемы:

1. Как сделать цвет шрифта и изменение веса более тонким?
2. Как я могу настроить таргетинг на определенные коды span, потому что сейчас скрипт меняет цвет span на веб-сайте?
3. Как я могу сделать слайд-текст с текстом более плавным (похожий на желтый фон)?