Witam,
Mam problem ze zrobieniem górnego menu. Mianowicie tabsy nie działają jak trzeba. Karty z podmenu wyswietlaja sie dwa na raz zamiast osobno po kliknieciu odpowiedniego przycisku.
Kod
<div class="container-fluid"> <div class="card card-body white tab"> <div class="nav flex-column nav-pills" id="myTab" role="tablist" aria-orientation="vertical"> <a class="nav-link color-dark active" id="services-tab" data-toggle="tab" href="#services" role="tab" aria-controls="services" aria-selected="true">menu1
</a> <a class="nav-link color-dark " id="offer-tab" data-toggle="tab" href="#offer" role="tab" aria-controls="offer" aria-selected="false">menu2
</a> <div class="tab-content"> <div class="tab-pane fade show active" id="services" role="tabpanel" aria-labelledby="services-tab"> menu1
<div class="card card-body white"> <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist"> <a class="nav-item nav-link active" id="add-services-tab" data-toggle="pill" href="#add-services" role="tab" aria-controls="add-services" aria-selected="true">podmenu1
</a> <a class="nav-item nav-link" id="all-services-tab" data-toggle="pill" href="#all-services" role="tab" aria-controls="all-services" aria-selected="false">podmenu2
</a> <div class="tab-pane fade show active" id="add-services" role="tabpanel" aria-labelledby="add-services-tab"> podmenu1
<div class="tab-pane fade show active" id="all-services" role="tabpanel" aria-labelledby="all-services-tab"> podmenu2
<div class="tab-pane fade" id="offer" role="tabpanel" aria-labelledby="offer-tab"> menu2
<div class="card card-body white"> test
$('#myTab a').on('click', function (e) {
e.preventDefault()
$(this).tab('show')
})