Скрыть показать элемент

Question

Есть код, правда он показывает при клике на 1 кнопку сразу все блоки, потому как на странице один и тот же шаблон используется.

Код:

$(function(){
    $('.toggle-dates-event').on('click', function() {
        event.preventDefault();
        if (!$( event.target ).is('.event_list_more')) {
            $(".event_list_more").toggle('slow');
        }
    });
});

Код html:

<div class="event_list">
<div class="event__list_block">
    <p class="dates-event">
        <span>Апрель 30 - Мая 3, 2020</span>
        <a class="toggle-dates-event">Другие даты</a>
    </p>
</div>
<div class="event_list_more">
    <p class="text-normal">Другие даты:</p>
</div>

Answer 1

$(function(){
    $('.toggle-dates-event').on('click', function() {
        event.preventDefault();
        $(this).closest(".event_list").find(".event_list_more").toggle('slow');
    });
});

БЛОГ НА HUSL

Скрыть показать элемент

Ответы (1 шт):