Как с альпинизмом сделать гармошку с открытым только 1 предметом? - PullRequest
Новая
       19

Как с альпинизмом сделать гармошку с открытым только 1 предметом?

0 голосов
/ 01 августа 2020

В laravel 7 с livewire 1.3 и alpine@v2.x.x Я сделал аккордеон, например: 

<div class="accordion_wrapper">

    @foreach($faqs as $nextFaq)
        <div class="accordion_{{ $nextFaq->id }}" x-data="{ is_opened: false }">
            <button @click="is_opened= !is_opened">
                <div>Question {{ $nextFaq->id }}</div>
            </button>
            <div class="accordion_content" x-show="is_opened">
                {{ $nextFaq->id }} Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
            </div>
        </div>
    @endforeach

</div>

, и он работает, но как сделать так, чтобы с alpine открывался только 1 элемент? Если пользователь нажимает на другие элементы, остальные элементы должны быть закрыты ...

Спасибо!

...