Bom, eu tenho um box, esse box tem algumas abas, clicando na aba o conteúdo do box muda. O conteudo é alterado quando clico em um dos links que chama a aba. Eis o codigo:
<p id="slid">
<a href="#slid3">3º Passo</a>
<a href="#slid2" >2º Passo</a>
<a href="#slid1" class="slidselected" >1º Passo</a>
</p>
<ul id="slidcontents">
<!-- tab 1 -->
<li id="slid1">
Conteúdo que aparece ao clicar no link 1º passo
</li>
<li id="slid2">
Conteúdo que aparece ao clicar no link 2º passo
</li>
<li id="slid3">
Conteúdo que aparece ao clicar no link 3º passo
</li>
</ul>
Então, o conteúdo do box muda somente quando clica em cima de alguns dos links que estão dentro do p id="slid", e eu gostaria de automatizar isso, fazendo com que mesmo que se não clicar em nenhum desses links o conteúdo do box se altere como se tivesse clicado. O script que uso pra fazer a alteração do conteúdo do box é:
$.quickslidl = function ()
{
/* Elements */
var slidl = 'p#slid';
var cont_slid = 'ul#slidcontents';
/* Hide all post */
$(cont_slid + ' li').hide();
/* Display the first tab */
$(cont_slid + ' li:first-child').show();
/* When user click a tab */
$(slidl + ' a').click(function()
{
/* Remove slidselected class on all post */
$(slidl + ' a').removeClass('slidselected');
/* Add a slidselected tab class */
$(this).addClass('slidselected');
/* Hide all opened tags */
$(cont_slid + ' li').hide();
/* Display the clickec tab */
$(cont_slid + ' ' + $(this).attr('href')).show();
/* End :D */
return false;
});
};
/* When all is ready */
$(document).ready(function() {
/* Start function */
$.quickslidl();
});