jQuery点击标签选项卡上下滑动切换代码

jQuery点击标签选项卡上下滑动切换代码，tab选项卡在左侧竖排、右侧图文内容比较丰富，滑动切换效果非常流畅！

js代码

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> 
<script type="text/javascript"> 
$(".main-page .nav div").mouseenter(function () { 
    var $this = $(this); 
    var index = $this.index(); 
}).mouseleave(function () { 
    var $this = $(this); 
    var index = $this.index(); 
}).click(function () { 
    var $this = $(this); 
    var index = $this.index(); 
    var l = -(index * 800); 
    $(".main-page .nav div").removeClass("on"); 
    $(".main-page .nav div").eq(index).addClass("on"); 
    $(".main-page .content .con-ggh:eq(0)").stop().animate({ "margin-top": l }, 500); 
}); 
</script>