Показать сообщение отдельно
  #1 (permalink)  
Старый 05.10.2017, 13:15
Профессор
Отправить личное сообщение для Igorsrt Посмотреть профиль Найти все сообщения от Igorsrt
 
Регистрация: 21.02.2016
Сообщений: 271

Переделать табы
Здравствуйте!
Прошу не ругайте, если недостаточно ясно излагаю.
В общем есть у меня таб, сделанный на bootstrap. И нужно его переделать, а именно: контент из вкладок вытащить т.к. во всех вкладках одинаковый (это не сложно). Но при нажатии на ссылку таба к некоторым элементам по списку, добавлять дополнительный класс css dop_class, согласно спискам.
<!-- ссылки бывших вкладок -->
<ul class="nav nav-tabs">
 <li class="active"><a href="#carousel-2658">Ссылка1</a></li>
 <li><a href="#carousel-2657">Ссылка2</a></li>
 <li><a href="#carousel-2656">Ссылка3</a></li>
</ul>
<!-- список элементов -->
<div>
    <div id="el1" class="col-xs-2">Элемент1</div>
	<div id="el2" class="col-xs-2">Элемент2</div>
	<div id="el3" class="col-xs-2">Элемент3</div>
	<div id="el4" class="col-xs-2">Элемент4</div>
	<div id="el5" class="col-xs-2">Элемент5</div>
	<div id="el6" class="col-xs-2">Элемент6</div>
</div>

<!-- Tab panes -- Бывшие табы - а теперь списки по которым нужно добавлять классы 
 тут даже не знаю как правильно написать в html, в общем-то не принципиально, надеюсь понятно...-->
 <div class="tab-content>
   <div class="tab-pane active" id="carousel-2658">
Array ([0] => el1  [1] => el3)
   </div>
      <div class="tab-pane" id="carousel-2657">
Array ([0] => el1  [1] => el6)
   </div>
      <div class="tab-pane" id="carousel-2656">
Array ([0] => el2  [1] => el4)
   </div>
 </div>

Еще раз извиняюсь, сам вижу что как-то не понятно объясняю...
Ответить с цитированием