Как переместить щелкнув по элементу в меню, чтобы прокрутить влево?

Question

http://jsfiddle.net/cod7ceho/63/

Я использую неопасный swiper для отображения меню.

Мое требование состоит в перемещении щелкнутого элемента в меню для прокрутки влево.

пожалуйста, дайте мне знать, как это сделать

Это мой код

var T1categories = ["ONE", "TWO", "THREE" , "FOUR" , "FIVE", "SIX" , "SEVEN" , "EIGHT" ]; 
createhorizontaltab(T1categories); 

function createhorizontaltab(categories) { 
    var categoryArr = categories; 
    var favoriteresultag = ''; 
    for (var i = 0; i < categoryArr.length; i++) { 
     favoriteresultag += '<div class="swiper-slide"><span>' + categoryArr[i] + '</span></div>'; 
    } 
    $("#swipecontainer").append(favoriteresultag).trigger("create"); 
} 
$(document).on("click", ".swiper-slide", function() { 
    $('.swiper-slide').removeClass('swiper-slide-active'); 
    $(this).addClass('swiper-slide-active'); 
}); 

Answer 1

Вот обновленный fiddle и часть кода обновление:

$(document).on("click", ".swiper-slide", function() { 
    var $this = $(this); 
    var $parent = $this.closest(".swiper-nav"); 
    var center = $parent.width()/2; 
    $parent.css("margin-left", center); 
    $parent.css("margin-left", 0); 
    $('.swiper-slide').removeClass('swiper-slide-active'); 
    $this.addClass('swiper-slide-active'); 
    $parent.css("margin-left", center-$this.offset().left) 
});