Hejsan använder mig av css RAMVERKET bootstrap, just nu håller jag på att fixa ihop en dropdown lista som ska vara triggers till tab pluginen dom har..


Min kod ser just nu ut såhär:

<span class="pull-right">
<div class="dropdown">
<a data-toggle="dropdown" href="#">Välj sida ▾ </a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a href="#aftonbladet" role="tab" data-toggle="tab">Aftonbladet</a></li>
<li><a href="#expressen" role="tab" data-toggle="tab">Expressen</a></li>


</ul>
</div>



</span>
<div class="Padding tab-content">
<div class="tab-pane fade" id="aftonbladet">Aftonbladet</div>
<div class="tab-pane fade" id="expressen">Expressen</div>

</div>


Det fungerar och så han visar tabben som han ska, men mitt problem som jag har är att när du valt en länk, så får <li> elementet en klass som heter .active och sen när jag byter länk till nästa så flyttar den inte active klassen utan den är kvar, så klickar jag på alla en gång utan att ladda om sidan så har alla klassen .active, någon som vet vad det kan bero på ?