Mona Faye Molina Ответов: 0

Как мне свернуть каждый <div> динамически при нажатии?

Допустим, у меня есть 3 divs, которые были зациклены у меня есть div1 div2 div3 и для каждого div у меня есть кнопка с именем "показать больше", предположительно, если я нажму show more под div1, то должны появиться детали div1, и если я нажму show more под div2, то должны появиться детали div2, и если я нажму show more В div3, то должны появиться детали div3.

Проблема заключается в следующем: всякий раз, когда я нажимаю кнопку Показать больше под каждым div, появляются детали div1. как я могу сделать так, чтобы детали div2 появились, если я нажал show more под ним, и детали div3, если я нажал show more под ним.

Что я уже пробовал:

@foreach($detail as $detail)
   Title1: {{ $detail->detail1 }}
   Title2: {{ $detail->detail2 }}
   Title3: {{ $detail->detail3 }}
   <button class="btn btn-warning" data-target="#show" data-toggle="collapse">Show More</button>

   <div class="collapse" id="showthis">
      Title4: {{ $detail->detail4 }}
      Title5: {{ $detail->detail5 }}
      Title6: {{ $detail->detail6 }}
   </div>
@endforeach

0 Ответов