jqueryのタブのスライドショーを作成するためにタブをクリックすることをエミュレートする

Question

私はこのうまく作業しているタブシステムを持っています...しかし、私はそれをクリックしてエミュレートして、効果的にllistから。リストについて

//Homepage Tabs 
$('#lcontent .tab:first').show(); 
$('#llist li').click(function() { 
    var thisTop = $(this).position().top; 
    $('.pointer').animate({'top': thisTop}); 
    $('#llist li').removeClass('current'); 
    $(this).addClass('current'); 
    var id = $("li.current a").attr('href'); 
    $("#lcontent div").fadeOut(500).hide(); 
    $(id).fadeIn(); 
return false; 
}); 

HTML：

<ul id="llist"> 
    <li class="t current"><a href="#sagesolutions"><span>sage solutions</span></a><img width="24" height="70" class="pointer" title="pointer" src="assets/site_images/bg-tab-leader-arrow.png"></li> 
    <li class="m"><a href="#creditmanagement"><span>credit mangement solutions</span></a></li> 
    <li class="b"><a href="#thirdparty"><span>third party additions</span></a></li> 

コンテンツタブ

<div id="lcontent"> 
    <div class="tab" id="sagesolutions" style="display: block;"> 
    <h2>sage solutions</h2> 
    Sage content 
    <hr> 
    <a class="btn-solutionstart" href="solutions/sage/which-sage"> 
    <p>Unsure which solution is best for your business?<br> 
     <span>Use our step-by-step guide...</span></p> 
    </a> </div> 
    <div class="tab" id="creditmanagement"> 
    <h2>credit management solutions</h2> 
    Credit content </div> 
    <div class="tab" id="thirdparty"> 
    <h2>third party additions</h2> 
    Third party content </div> 
</div> 

Answer 1

setInterval((function(){ 
    var count = 0; 
    var ul = $('#llist li'); 

    return function(){ 
    ul.eq(++count % ul.length).click(); 
    }; 
})(), 2000);