Перемещение класса Div с JavaScript

Question

Я работаю на веб-сайте одной страницы, я сделал three sliders and menu to activate each slider (первый слайдер активен по умолчанию)

Я использовал яваскрипта метод для перемещения класса .is-active к другому элементу html для его отображения. Но ничего не получается. можешь мне помочь ?

jQuery(document).ready(function(e) { 
    $('.menu a').click(function(e){ 
     e.preventDefault(); 
     $('.slider.is-active').removeClass('is-active'); 
     $('.slider:eq('+$(this).data('index')+')').addClass('is-active'); 
     $('.c-tabs-nav__link.is-active').removeClass('is-active'); 
     $('#bt-category-actu .c-tabs-nav__link:eq('+$(this).data('index')+')').addClass('is-active'); 
}); 

});

Спасибо

Answer 1

Если вы пытаетесь получить индекс «меню» а (якорь тегов) и сделать .slider того же индекса активной, то попробуйте

$(this).index() 

вместо

$(this).data('index') 

, потому что $ (это) .data («индекс») будет возвращать «неопределенными»