Как переключать каждый div с помощью функции toggle () в динамическом php-файле

Question

Я минимизирую визуальное отображение своих блоков списка, и я хочу использовать переключатель с кнопкой, чтобы скрыть контент, который я не хочу отображать по умолчанию.

Я почти делаю это со следующим() свойство jquery, но это вынуждает меня поместить кнопку в предыдущий элемент содержимого, которое я хочу скрыть (поэтому оно называется NEXT), но я хочу скрыть содержимое класса двумя или тремя элементами класса ниже.Как мне это сделать?Я пытался с братьями и сестрами (), но не работал.

        if ( tribe_get_cost() ) : 
            $event_cost='<!-- Event Cost -->
            <div class="ect-event-cost">
                <span>'.tribe_get_cost($event_id, true ).'</span>
            </div>';
            endif;

            $event_title='<a class="ect-event-url" href="'.esc_url( tribe_get_event_link()).'" rel="bookmark">'. get_the_title().'</a>';


            $event_content='<button class="btn1" class="button">More..</button><!-- Event Content --><div class="p1"><div class="ect-event-content">';
              $event_content.=tribe_events_get_the_excerpt($event_id, wp_kses_allowed_html( 'post' ) );

            $event_content.='<a href="'.esc_url( tribe_get_event_link($event_id) ).'" class="ect-events-read-more" rel="bookmark">'.esc_html__( 'Find out more', 'the-events-calendar' ).' &raquo;</a></div></div></div>';
    /*

$(document).ready(function () {
    $(".p1").hide();

    $(".btn1").click(function(){
        $(this).next(".p1").toggle()
    });

  });

Answer 1

Знаете ли вы, почему .next() не работает, используя $(this).next(".p1").toggle()?

Поскольку у вас есть комментарий между: <!-- Event Content -->.

Это будет работать вместо этого.Тег комментария является элементом.Просто удалите его и попробуйте снова.

Поскольку вы используете PHP ... Рекомендуется поместить такой комментарий в некоторый комментарий PHP, подобный следующему: <?php // Event Content ?>, чтобы он не отображался на отображаемой странице вна стороне клиента.