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

Question

[denism300]

есть конструкция из нескольких блоков

<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?

Answer 1

[0xD34F]

$('.advantage-wrapper--content').click(function() {
  $(this).next('.advantage-wrapper--modal').toggleClass('d-none');
});