Как добавить активный и удалить существующий развал активного класса на bootsrap 4 - PullRequest
Новая
       17

Как добавить активный и удалить существующий развал активного класса на bootsrap 4

0 голосов
/ 06 мая 2019

Кто-нибудь, пожалуйста, помогите мне, как добавить «активный» класс после класса «careers-menu-container» и удалить существующий другой активный класс, нажав кнопку (a) ?.пожалуйста, проверьте мой код ниже.

Большое спасибо. 

<div class="container" id="myCollapse">
 <div class="col-sm-12 col-md-4 order-sm-1 order-md-1">
         <div class="careers-menu-container careers-menu-container__img1">           
            <a data-toggle="collapse" href="#collapseExtension1" role="button" aria-expanded="false" aria-controls="collapseExtension">APPLY NOW <i class="fas fa-caret-right"></i>
            </a>          
         </div>
      </div>
       <div class="collapse" id="collapseExtension1"  data-parent="#myCollapse">
            <p>lorem ipsum</p>
         </div>
      <div class="col-sm-12 col-md-4 order-sm-3 order-md-2">
         <div class="careers-menu-container careers-menu-container__img1">
           <a data-toggle="collapse" href="#collapseExtension2" role="button" aria-expanded="false" aria-controls="collapseExtension">APPLY NOW <i class="fas fa-caret-right"></i>
           </a>
         </div>
      </div>
       <div class="collapse" id="collapseExtension2"  data-parent="#myCollapse">
             <p>lorem ipsum</p>
        </div>
</div>

   

  $(".collapse.show").each(function(){
               // show active class here
           });
           // Toggle plus minus icon on show hide of collapse element
           $(".collapse").on('show.bs.collapse', function(){
                // show active class  and remove another active class
           }).on('hide.bs.collapse', function(){
                // remove  class here and show another active class
           });

1 Ответ

1 голос
/ 06 мая 2019

Вы можете получить доступ к .careers-menu-container через .collapse, используя .parent(): 

$(".collapse").on('show.bs.collapse', function(){
  $(this).parent().addClass('active')
}).on('hide.bs.collapse', function(){
  $(this).parent().removeClass('active')
});
...