TonyStark1337
@TonyStark1337

Как закрыть при двойном нажатий список в bootstrap 4?

Есть стандартный список типа
<div class="row">
  <div class="col-4">
    <div class="list-group" id="list-tab" role="tablist">
      <a class="list-group-item list-group-item-action active" id="list-home-list" data-toggle="list" href="#list-home" role="tab" aria-controls="home">Home</a>
      <a class="list-group-item list-group-item-action" id="list-profile-list" data-toggle="list" href="#list-profile" role="tab" aria-controls="profile">Profile</a>
    </div>
  </div>
  <div class="col-8">
    <div class="tab-content" id="nav-tabContent">
      <div class="tab-pane fade show active" id="list-home" role="tabpanel" aria-labelledby="list-home-list">...</div>
      <div class="tab-pane fade" id="list-profile" role="tabpanel" aria-labelledby="list-profile-list">...</div>

    </div>
  </div>
</div>


Проблема в том что при повторном клине от не закрывается а остается открытым до клика по другому пункту списка, видел метод на их сайте типа
$('#someListItem').tab('show') // раскрывает список
$('#someListItem').tab('hidden') // попробовал так закрывать при повторном клине и не хочет работать


как вариант был чекать классы и изменить через JS
<div class="tab-pane fade show active"> // активный
<div class="tab-pane fade "> // не-активный

На я не нашел как изменить имя класса через JS
  • Вопрос задан
  • 95 просмотров
Решения вопроса 1
@Yadalay
Php, Mysql, Html, Css, Js/Jquery/Ajax, Laravel
Вот, сделал для Вас пример.

Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы