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

[HTML] pobierz, plaintext 
		<div class="container-fluid">
			<div class="row">
				<div class="col-xl-3">
					<div class="col-xl-12">
						<div class="card card-body white tab">
							<h3>Menu</h3>
							<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>
						</div>
					</div>
				</div>
				<div class="col-xl-9">
					<div class="tab-content">
						<div class="tab-pane fade show active" id="services" role="tabpanel" aria-labelledby="services-tab">
							menu1
							<div class="col-xl-12">
								<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>
									<div class="tab-pane fade show active" id="add-services" role="tabpanel" aria-labelledby="add-services-tab">
										podmenu1
									</div>
									<div class="tab-pane fade show active" id="all-services" role="tabpanel" aria-labelledby="all-services-tab">
										podmenu2
									</div>
								</div>
							</div>
						</div>
						<div class="tab-pane fade" id="offer" role="tabpanel" aria-labelledby="offer-tab">
							menu2
							<div class="col-xl-12">
								<div class="card card-body white">
									<h3>test</h3>
										test
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
$('#myTab a').on('click', function (e) {
  e.preventDefault()
  $(this).tab('show')
})
[HTML] pobierz, plaintext