Onglets dynamiques Jquery

Question

Je suis en train de construire un site here mais ayant un problème avec le lien vers les pages. Ce site est un site one pager qui a un menu et un javascript qui le déclenche. Pas si vous visitez le lien je voulais relier les 3 cases vertes au niveau 1, niveau 2, niveau 3 comme le menu principal. Mais ayant un problème sur la façon de le faire.

ici est le code pour le menu principal

<div class="navi"> 
<a style="display:none"></a> 
<a id="t1">Level 1</a> 
<a id="t2">Level 2</a> 
<a id="t3">Level 3</a> 
<a id="t4">Online Marketing</a> 
<a id="t5">Social Media</a> 
<a id="t6">Contact us</a> 
<a id="t7" class="noBorder">Français</a> 
</div> 

Et est le Javascript ici:

<script type="text/javascript"> 
// initialize scrollable and return the programming API 
var api = $("#scroll").scrollable({ 
    items: '#tools', 
    size: 1, 
    clickable: false 

// use the navigator plugin 
}).navigator({api: true}); 


// this callback does the special handling of our "intro page" 
api.onStart(function(e, i) { 

    // when on the first item: hide the intro 
    if (i) { 
     $("#intro").fadeOut("slow"); 

    // otherwise show the intro 
    } else { 
     $("#intro").fadeIn(1000); 
    } 

    // toggle activity for the intro thumbnail 
    $("#t0").toggleClass("active", i == 0); 
}); 

// a dedicated click event for the intro thumbnail 
$("#t0").click(function() { 

    // seek to the beginning (the hidden first item) 
    $("#scroll").scrollable().begin(); 

}); 

</script> 

Que dois-je changer ou de modifier pour que je puisse obtenir les 3 cases vertes dans la page d'accueil pour agir comme niveau 1, niveau 2, niveau 3

Answer 1

Essayez ceci sur vos boîtes vertes:

<h2 class="microsite"><a href="" onclick="javascript:api.seekTo(1); return false;">Microsite Website Package</a></h2> 
<h2 class="cms"><a href="" onclick="javascript:api.seekTo(2); return false;">CMS Website Package</a></h2> 
<h2 class="transactional"><a href="" onclick="javascript:api.seekTo(3); return false;">E-commerce Website Package</a></h2> 

note que je l'ai supprimé id « s. vous ne devriez jamais avoir un identifiant en double sur une page. ça peut casser des choses.