Как правильно передать массив данных в раскрывающийся список «показать/скрыть» в шаблоне блейда? ⇐ Php

[Anonymous]

Я пытаюсь заполнить раздел часто задаваемых вопросов с помощью пользовательского интерфейса, который скрывает и показывает ответы в зависимости от того, когда пользователь нажимает, чтобы просмотреть ответ, но по некоторым причинам ответы все равно отображаются без нажатия кнопки «Скрыть» или «Показать» во втором массиве и далее. .
Однако первый массив отображается как обычно, я думаю, что это должно делать больше с компонентом представления, чем с моим компонентом Livewire.
Кроме того, когда я открываю ответ, другие ответы необходимо закрыть, если они были открыты

Код: Выделить всё

@foreach ($faqs as $key => $faq)



[h4]
{{ $faq->question }}


d="M22.5 11.1752H12.8625V1.5002C12.8625 1.0502 12.4875 0.637695 12 0.637695C11.55 0.637695 11.1375 1.0127 11.1375 1.5002V11.1752H1.50001C1.05001 11.1752 0.637512 11.5502 0.637512 12.0377C0.637512 12.4877 1.01251 12.9002 1.50001 12.9002H11.175V22.5002C11.175 22.9502 11.55 23.3627 12.0375 23.3627C12.4875 23.3627 12.9 22.9877 12.9 22.5002V12.8627H22.5C22.95 12.8627 23.3625 12.4877 23.3625 12.0002C23.3625 11.5502 22.95 11.1752 22.5 11.1752Z"
fill="" />








[/h4]

{!! $faq->answer !!}


@endforeach

I попробовал использовать @foreach и $key для заполнения моих $faq->данных, как показано ниже.

Код: Выделить всё

@foreach ($faqs as $key => $faq)



[h4]
{{ $faq->question }}


d="M22.5 11.1752H12.8625V1.5002C12.8625 1.0502 12.4875 0.637695 12 0.637695C11.55 0.637695 11.1375 1.0127 11.1375 1.5002V11.1752H1.50001C1.05001 11.1752 0.637512 11.5502 0.637512 12.0377C0.637512 12.4877 1.01251 12.9002 1.50001 12.9002H11.175V22.5002C11.175 22.9502 11.55 23.3627 12.0375 23.3627C12.4875 23.3627 12.9 22.9877 12.9 22.5002V12.8627H22.5C22.95 12.8627 23.3625 12.4877 23.3625 12.0002C23.3625 11.5502 22.95 11.1752 22.5 11.1752Z"
fill=""  />







[/h4]

{!! $faq->answer !!}


@endforeach

Я ожидал, что это будет похоже на изображение ниже:
[img]https://i.sstatic .net/AbjZ658J.png[/img]



Я я использую компоненты Lravel и Livewire в laravel и TailwindCSS

Подробнее здесь: https://stackoverflow.com/questions/792 ... n-in-blade