可能在未滚动所有div的情况下滑动下一个div？

Question

只是使用标签完成一个滚动div，但试图找出一种方式，使得例如你点击链接4，而不是脚本滚动所有div到达4号，我希望它滚动出来DIV1和DIV4滚动

爵士小提琴：http://jsfiddle.net/cC4tU/1/

jQuery的

$.extend($.easing, 
{ 
    easeInOutQuad: function (x, t, b, c, d) { 
     if ((t/=d/2) < 1) return c/2*t*t + b; 
     return -c/2 * ((--t)*(t-2) - 1) + b; 
    }, 
    easeInOutElastic: function (x, t, b, c, d) { 
     var s=1.70158;var p=0;var a=c; 
     if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); 
     if (a < Math.abs(c)) { a=c; var s=p/4; } 
     else var s = p/(2*Math.PI) * Math.asin (c/a); 
     if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin((t*d-s)*(2*Math.PI)/p)) + b; 
     return a*Math.pow(2,-10*(t-=1)) * Math.sin((t*d-s)*(2*Math.PI)/p)*.5 + c + b; 
    } 

    }); 
//EXPAND PAGE DIV CONTENT 
$(".tab_item").hover(function(){ 
     var background = $(this).parent().find(".moving_bg"); 
     $(background).stop().animate({ 
      left: $(this).position()['left'] 
     }, { 
      duration: 700, easing: 'easeInOutElastic' 
     }); 
    }); 

var TabbedContent = { 
    init: function() {  
     $(".tab_item").click(function() { 
      var background = $(this).parent().find(".moving_bg"); 
      $(background).stop().animate({ 
       left: $(this).position()['left'] 
      }, { 
       duration: 500 
      }); 
      TabbedContent.slideContent($(this)); 
     }); 
    }, 

    slideContent: function(obj) { 
     var margin = $(obj).parent().parent().find(".slide_content").width(); 
     margin = margin * ($(obj).prevAll().size() - 1); 
     margin = margin * -1; 
     $(obj).parent().parent().find(".tabslider").stop().animate({ 
      marginLeft: margin + "px" 
     }, { 
      duration: 1500, easing: 'easeInOutQuad' 
     }); 
    } 
} 
TabbedContent.init(); 

Answer 1

Dwhizz，你想要什么当然是可能的。

我不打算为你写，但据我所知，所有更改将在slideContent。

策略：

• 隐藏除了基于两个可见的项目现有的和新
• 计算保证金所有tabslider元素
• 动画（可能没有变化）
• 记住下一次电流tabslider元素。