jQuery ui選項卡：切換標籤之間的滑動效果

Question

我正在使用jquery ui選項卡。我想在標籤之間切換時應用滑動內容效果，即顯示和隱藏標籤內容。這是我的DEMO

我試圖滑動選項卡divs與他們的內容，當我點擊上面的導航全部。所以導航鏈接1＃將標籤-1在屏幕的正前方，等

腳本我有目前，它沒有滑動功能的滑動內容是：

$(document).ready(function() { 
    $('#tabs').tabs(); 

    $('.sub-nav a').click(function() { 
    $('.sub-nav li a').removeClass('subnav-active'); 
    $(this).addClass('subnav-active'); 
    }); 

}); 

我試着做slideToggle，以及只是一個fading out和fading in效果，但不能得到任何工作。所以，我伸出援助之手，即使它只是一個地方，但我會非常感激，因爲我不是JavaScript或jQuery中最偉大的。

Answer 1

jQueryUI內置了特效。無需自行滾動。

http://api.jqueryui.com/slide-effect/

http://jsfiddle.net/isherwood/9jg4r/4/

$('#tabs').tabs({ 
    hide: { 
     effect: "slide", 
     duration: 1000 
    } 
}); 

下面是與展會爲例，隱藏效果：http://jsfiddle.net/isherwood/9jg4r/5