问jQuery ui选项卡:在选项卡之间滑动的效果

EN

我正在使用jquery选项卡。我想应用滑动内容的效果，当切换在标签之间，即在显示和隐藏标签内容。这是我的DEMO

当我点击上面的导航时，我试着滑动包含内容的选项卡div。所以Nav链接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。