Bootstrap Свертывание нескольких целей не останется открытым - PullRequest
Новая
       96

Bootstrap Свертывание нескольких целей не останется открытым

0 голосов
/ 08 мая 2020

Я запускаю приложение Rails 4, которое работает Bootstrap 3.3. Я пытаюсь использовать опцию сворачивания Bootstrap Multi Target. Когда я беру и редактирую код со страницы свертывания (https://getbootstrap.com/docs/4.1/components/collapse/), код работает нормально. Мне нужны только две кнопки, но я бы хотел, чтобы они не открывались одновременно. Кажется, что в большинстве ответов говорится, что вам нужен тег data-parent. Я добавил это, и нет, когда я запускаю свой код, вкладки не остаются открытыми, и они заставляют страницу дергаться. 

<div id="exempts" class="btn-group btn-group-justified">
                <div class="panel">
                    <p>
                      <a class="btn btn-primary" role="button" data-parent="#exempts" data-toggle="collapse" data-target="#success" aria-expanded="false" aria-controls="success" href="#success">Success</a>
                      <a class="btn btn-primary" type="button" data-toggle="collapse" href="#preparation" data-target="#preparation" aria-expanded="false" aria-controls="preparation" data-parent="#exempts">Preparation</a>
                    </p>
                    <div class="row">
                      <div class="col">
                        <div class="collapse multi-collapse" id="success" >
                          <div class="card card-body">
                            content
                          </div>
                        </div>
                      </div>
                      <div class="col">
                        <div class="collapse multi-collapse" id="preparation">
                          <div class="card card-body">
                            content
                          </div>
                        </div>
                      </div>
                    </div>
                </div>
            </div>

Сообщите мне, если вам понадобится какая-либо другая информация, чтобы помочь мне с этим .

...