Как добавить класс n-ому li при наведении на n-ый li в другом блоке?

Question

[Spisoktem]

Доброе утро всем!
есть вот такой блок joxi.ru/52avlEgI45KZ3A , левая часть это отдельный блок , правая часть это слайдер.
нужно чтобы при наведении на элемент списка в любом из блоков, подсветился параллельно такой же по счету в другом блоке
решение имеется но не до конца, проблема вся в том что правый блок в слайдере(slick-slider) и не срабатывает вот этот код:

$('.comparison__item__list--first li').on({
        mouseenter: function () {
            $('.comparison__item__list--second li').eq($(this).index()).addClass('active');
        },
        mouseleave: function () {
            $('.comparison__item__list--second li').eq($(this).index()).removeClass('active');
        }
    });

если выдернуть правый блок из слайдера то все работает , т.е класс добавляется и можно от этого уже плясать, но нужно чтобы класс добавлялся в блок находясь в слайдере... а вот в чем загвоздка ни как не могу понять(
поделитесь мыслями по этому поводу , пожалуйста)

Comments

[Валерий]

Может стиль .active внутри слайдера не такой, какой вам нужен? Вообще, вы бы хоть html показали, не понятно же ничего )

[Spisoktem]

Валерий, да нет , там все нормально , я же говорю если выдернуть правый блок из слайдера , то все работает , загвоздка в том что блок в слайдере)

Answer 1

[Валерий]

Рискну предположить, что блоков с классом comparison__item__list--second в результате работы слайдера в DOM получается два, поэтому манипуляция осуществляется только с первым. Это лишь предположение, потому что html вы не захотели показать :-)

Попробуйте так: https://codepen.io/anon/pen/OOYqaa

Comments

[Spisoktem]

html не показал , так как делаю на openserver)
вроде как помогло решение Ваше) благодарю