Несколько div с одинаковым именем класса требуют отдельной операции

Question

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

    $(function(){
        $(".expandLink").hover(function(){
            $(".hiddenContent").stop(true, false).animate({ top: "110px" }, 150);
        }, function() {
            $(".hiddenContent").stop(true, false).animate({ top: "185px" }, 150);
        });
    });

Answer 1

Вы должны выбрать его с помощью find, например:

$(function(){
    var allContent = $('.hiddentContent');
    var stopAnimation = function() {
        allContent.stop(true, false);
    };

    $(".expandLink").hover(function(){
        stopAnimation();

        $(this).find(".hiddenContent").animate({ top: "110px" }, 150);
    }, function() {
        stopAnimation();
        $(this).find(".hiddenContent").animate({ top: "185px" }, 150);
    });
});