Altjen B. Altjen B. - 2 years ago 143
jQuery Question

Tab Control with bootstrap not showing values of other tabs in

I am designing a tab control but is not working. when select other tabs it doesn't change the data. here's the code

<div class="container">
<ul class="nav nav-tabs">

<li><a class="active" href="#Mercedes-Benz" data-toggle="tab">Mercedes Benz</a></li>
<li><a href="#BMW" data-toggle="tab">BMW</a></li>
<li><a href="#Lamborgini" data-toggle="tab">Lamborgini</a></li>

<div class=" tab-content">
<div class=" tab-pane fade in active" id="Mercedes-Benz">
Mercedes Benz pics
<div class=" tab-pane fade" id="BMW">
BMW pics
<div class=" tab-pane fade" id="Lamborgini">
Lambo pics

here are the imported files for this.

<link href="assets/bootstrap%203.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src=""></script>

it just shows 'Mercedes Benz pics' even after selecting other tabs.

also, how can this be turned to vertical tab?

Answer Source

I can see no error there, but give a try at this, since you are using bootstrap it might help: Link1 or this.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download