<div class="accordion" id="accordionExample"> @foreach($topics as $index => $topic) <div class="accordion-item"> <h2 class="accordion-header" id="heading{{ $index }}"> <button class="accordion-button {{ $index != 0 ? 'collapsed' : '' }}" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $index }}" aria-expanded="{{ $index == 0 ? 'true' : 'false' }}" aria-controls="collapse{{ $index }}"> {{ $topic->title }} </button> </h2> <div id="collapse{{ $index }}" class="accordion-collapse collapse {{ $index == 0 ? 'show' : '' }}" aria-labelledby="heading{{ $index }}" data-bs-parent="#accordionExample"> <div class="accordion-body"> {!! $topic->description !!} </div> </div> </div> @endforeach </div>