Динамические вкладки Jquery

Question

Я создаю сайт здесь , но у меня проблема со ссылками на страницы. Этот сайт является сайтом с одним пейджером, который имеет меню и JavaScript, который запускает его. Нет, если вы перейдете по ссылке, я хотел связать 3 зеленых поля с уровнем 1, уровнем 2, уровнем 3, как в главном меню. Но возникли проблемы с тем, как это сделать.

вот код для верхнего меню

<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>

А вот и Javascript:

<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>

Что я могу изменить или изменить, чтобы я мог заставить 3 зеленых поля на Домашней странице вести себя как уровень 1, уровень 2, уровень 3

Answer 1

Попробуйте это на своих зеленых коробках:

<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>

обратите внимание, я удалил id . Вы никогда не должны иметь дубликат идентификатора на странице. это может сломать вещи.