jquery ui tabs - 如何滑动浏览器窗口的全宽（在容器外）

Question

我在此页面上使用jquery ui作为标签内容：http://dev.triciafrancis.com/mbrstudios/about/

这是我现在用于制表符转换的代码：

$(function() {
    $( ".tabbed-content" ).tabs();
    $( ".tabbed-content" ).tabs( "option", "hide", { effect: "slide", duration: 1000, easing: "easeInOutExpo" } );
    $( ".tabbed-content" ).tabs( "option", "show", { effect: "slide", direction: 'right', duration: 1000, easing: "easeInOutExpo" } );
    $( ".tabbed-content" ).tabs( "option", "heightStyle", "auto" );
});

如何让标签从浏览器窗口的右边缘滑出并从左边缘滑出？ （滑动完整的浏览器而不是容器的宽度？）我已经发布了一个单独的问题，关于如何将幻灯片效果与淡入淡出（或任何好的）效果结合起来。标签猛然一点。最终，我需要两种解决方案无冲突地工作。任何帮助都将非常感谢！