Alterar status do class="active" de forma automatica

[DouglaSSantoS 0]

Olá a todos.

 

Estou com uma dúvida que não consigo encontrar solução. É o seguinte.

 

Tenho o código:

 

<section class="panel">

<header class="panel-heading tab-bg-dark-navy-blue ">

<ul class="nav nav-tabs">

<li class="">

</li>

. <li class="active">

<a data-toggle="tab" href="#patio">Caminhões no Pátio</a>

</li>

<li class="">

<a data-toggle="tab" href="#interno">Caminhões Internos</a>

</li>

</ul>

</header>

<div class="panel-body">

<div class="tab-content">

<div id="patio" class="tab-pane active">Caminhões no Pátio</div>

<div id="interno" class="tab-pane">Caminhões Internos</div>

</div>

</div>

</section>

Preciso que o class=active que está sendo utilizado na <li> fique alternando a cada 10 segundos.

Nesse caso são duas <li> que ficarão alternando a cada 10 segundos.

Agradeço desde já quem conseguir me ajudar nessa questão.

[bruno_mosciatti 22]

Aqui tem um exemplo: http://jsfiddle.net/MS5DV/

 

É só modificar conforme queira :)

[DouglaSSantoS 0]

Aqui tem um exemplo: http://jsfiddle.net/MS5DV/

 

É só modificar conforme queira :)

bruno_mosciatti, grato pela ajuda.

 

O que foi passado por você funcionou perfeitamente porém, pode me auxiliar em mais um detalhe.

 

Em relação ao código que passei, utilizando ele da forma normal, quando uma opção que está dentro de uma <li> é selecionada ela automaticamente exibe o conteudo da <div> correspondente.

 

Ou seja, se eu clicar na <li> que possui a opção Caminhões no Pátio automaticamente será exibido o conteudo da <div> que contem Caminhões no Pátio.

 

A duvida em questão é a seguinte. Teria como alterar o conteudo da <div> quando a <li> correspondente for selecionada automaticamente?

 

Grato novamente.