Witam, proszę o pomoc nie wiem czy to możliwe po stronie bootstrap może jest rozwiązanie bez dodatkowego kodu js. Staram się omijać z daleka skrypty bo na ebay nie można korzystać ze wszystkiego czego dusza zapragnie.

Poniższy kod to dwie sekccje TAB zakładki które po kliknięciu otwierają treść. Z uwagi na to że chcę aby przy kliknięckiu 1 TAB "sensorbin1-2" gdzie jest opsi produktu otworzyła się automatycznie sekcja 2 gdzie jest specyfikacja i to samo jak
kliknę specyfikację aby otworzyła się również zakładka opis dla tego samego produktu gdzie id może być różne albo te same.


Wiem że ID są te smae bo nie chciałem kopiować całego gotowego kodu. Brakuje mi tylko tej opcji aby otwierały się 2 zakładki TAB jednocześnie.



  1. <div class="tab-content">
  2. <div class="col-md-12 col-sm-12 col-xs-2 padding-0 border-b-xl custom-height">
  3. <a aria-expanded="true" data-toggle="tab" href="#sensorbin1-2">
  4. <img class="bins-buttons padding-item-5" src="sb-button-mono-rect.jpg" />
  5. </a>
  6. </div>
  7. <div class="col-md-12 col-sm-12 col-xs-2 border-b-xl padding-0 custom-height">
  8. <a aria-expanded="false" data-toggle="tab" href="#sensorbin2-2">
  9. <img class="bins-buttons padding-item-5" src="sb-button-mono-round.jpg" />
  10. </a>
  11. </div>
  12. </div>
  13. <div class="tab-content col-md-10 margin-0 padding-0 col-sm-10 col-xs-12 text-center">
  14. <div id="sensorbin1-2" class="tab-pane fade active in tab-content margin-0 padding-0 col-md-12 col-sm-12 col-xs-12 text-center">
  15. Tutaj zawartość która się otwiera jak ktoś kliknie odpowiedni przycisk.
  16. Dotyczy produkt 1 opis
  17. </div>
  18. <div id="sensorbin1-2" class="tab-pane fade active in tab-content margin-0 padding-0 col-md-12 col-sm-12 col-xs-12 text-center">
  19. Tutaj zawartość która się otwiera jak ktoś kliknie odpowiedni przycisk.
  20. Dotyczy produkt 2 opis
  21. </div>
  22. </div>
  23.  
  24.  
  25.  
  26. <div class="tab-content">
  27. <div class="col-md-12 col-sm-12 col-xs-2 padding-0 border-b-xl custom-height">
  28. <a aria-expanded="true" data-toggle="tab" href="#sensorbin1-2">
  29. <img class="bins-buttons padding-item-5" src="sb-button-mono-rect.jpg" />
  30. </a>
  31. </div>
  32. <div class="col-md-12 col-sm-12 col-xs-2 border-b-xl padding-0 custom-height">
  33. <a aria-expanded="false" data-toggle="tab" href="#sensorbin2-2">
  34. <img class="bins-buttons padding-item-5" src="sb-button-mono-round.jpg" />
  35. </a>
  36. </div>
  37. </div>
  38. <div class="tab-content col-md-10 margin-0 padding-0 col-sm-10 col-xs-12 text-center">
  39. <div id="sensorbin1-2" class="tab-pane fade active in tab-content margin-0 padding-0 col-md-12 col-sm-12 col-xs-12 text-center">
  40. Tutaj zawartość która się otwiera jak ktoś kliknie odpowiedni przycisk.
  41. Dotyczy produkt 1 specyfikacja
  42. </div>
  43. <div id="sensorbin1-2" class="tab-pane fade active in tab-content margin-0 padding-0 col-md-12 col-sm-12 col-xs-12 text-center">
  44. Tutaj zawartość która się otwiera jak ktoś kliknie odpowiedni przycisk.
  45. Dotyczy produkt 2 specyfikacja
  46. </div>
  47. </div>
  48.