Задать вопрос
@denism300
bootstrap

Как переключить видимость элемента?

есть конструкция из нескольких блоков 
<div class="col-6 col-md-3 advantage">
    <div class="advantage-wrapper">
        <div class="advantage-wrapper--content">...</div>
        <div class="advantage-wrapper--modal d-none">...</div>
    </div>
</div>
<div class="col-6 col-md-3 advantage">
    <div class="advantage-wrapper">
        <div class="advantage-wrapper--content">...</div>
        <div class="advantage-wrapper--modal d-none">...</div>
    </div>
</div>
........
<div class="col-6 col-md-3 advantage">
    <div class="advantage-wrapper">
        <div class="advantage-wrapper--content">...</div>
        <div class="advantage-wrapper--modal d-none">...</div>
    </div>
</div>

как при клике по .advantage-wrapper--content показать соответствующий ему .dvantage-wrapper--modal.d-none?
  • Вопрос задан
  • 55 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F 
$('.advantage-wrapper--content').click(function() {
  $(this).next('.advantage-wrapper--modal').toggleClass('d-none');
});
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Python Team Lead
Asym Labs Limited
от 4 000 до 5 000 €
Инженер по тестированию продукта
МАЙНИТЕК • Екатеринбург
от 60 000 ₽
Backend Developer в бьюти-платформу LUUK
УК «Решения» • Москва
от 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать программу иммитирующую поведение человека для выбора услуг
20 апр. 2024, в 11:21
1000 руб./за проект
Реализация 1-страничного сайта-тренажера
20 апр. 2024, в 10:50
3500 руб./за проект
Создать дизайн приложения в Qt Designer
20 апр. 2024, в 10:45
800 руб./в час
Ещё заказы