@verstak2020

Как сократить код jq?

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

$(document).ready(function () {
    $('.item-tab1').click(function (evt) {
        evt.preventDefault();
        $('.rent-cards > div').removeClass('active');
        $('.rent-card1').addClass('active');
    })
    $('.item-tab2').click(function (evt) {
        evt.preventDefault();
        $('.rent-cards .rent-card').removeClass('active');
        $('.rent-card2').addClass('active');
    })
    $('.item-tab3').click(function (evt) {
        evt.preventDefault();
        $('.rent-cards .rent-card').removeClass('active');
        $('.rent-card3').addClass('active');
    })
})
  • Вопрос задан
  • 145 просмотров
Пригласить эксперта
Ответы на вопрос 1
@sergiojeyramos
Веб-разработчик
Просто добавь на item-tab атрибут с цифрой и бери его, как уникальное значение, для всех этих элементов задай одинаковый класс. P.S. Вообще у слика есть уже свой атрибут с цифрой (data-slick-index называется), можно использовать его
$(document).ready(function () {
    $('.item-tab').click(function (evt) {
        evt.preventDefault();
        $('.rent-cards > div').removeClass('active');
        $('.rent-card'+$(this).data('id')).addClass('active');
    })
})
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Artezio Минск
от 2 800 до 3 300 $
04 мар. 2021, в 22:39
2500 руб./за проект
04 мар. 2021, в 22:15
10000 руб./за проект