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.
<div class="tab-content"> <div class="col-md-12 col-sm-12 col-xs-2 padding-0 border-b-xl custom-height"> <a aria-expanded="true" data-toggle="tab" href="#sensorbin1-2"> <img class="bins-buttons padding-item-5" src="sb-button-mono-rect.jpg" /> </a> </div> <div class="col-md-12 col-sm-12 col-xs-2 border-b-xl padding-0 custom-height"> <a aria-expanded="false" data-toggle="tab" href="#sensorbin2-2"> <img class="bins-buttons padding-item-5" src="sb-button-mono-round.jpg" /> </a> </div> </div> <div class="tab-content col-md-10 margin-0 padding-0 col-sm-10 col-xs-12 text-center"> <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"> Tutaj zawartość która się otwiera jak ktoś kliknie odpowiedni przycisk. Dotyczy produkt 1 opis </div> <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"> Tutaj zawartość która się otwiera jak ktoś kliknie odpowiedni przycisk. Dotyczy produkt 2 opis </div> </div> <div class="tab-content"> <div class="col-md-12 col-sm-12 col-xs-2 padding-0 border-b-xl custom-height"> <a aria-expanded="true" data-toggle="tab" href="#sensorbin1-2"> <img class="bins-buttons padding-item-5" src="sb-button-mono-rect.jpg" /> </a> </div> <div class="col-md-12 col-sm-12 col-xs-2 border-b-xl padding-0 custom-height"> <a aria-expanded="false" data-toggle="tab" href="#sensorbin2-2"> <img class="bins-buttons padding-item-5" src="sb-button-mono-round.jpg" /> </a> </div> </div> <div class="tab-content col-md-10 margin-0 padding-0 col-sm-10 col-xs-12 text-center"> <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"> Tutaj zawartość która się otwiera jak ktoś kliknie odpowiedni przycisk. Dotyczy produkt 1 specyfikacja </div> <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"> Tutaj zawartość która się otwiera jak ktoś kliknie odpowiedni przycisk. Dotyczy produkt 2 specyfikacja </div> </div>