滑块中的可滚动选项卡

Question

我一直在努力让这段代码全天工作...... 我有一个（内容）滑块（使用Coda Slider插件），其中包含更多选项卡，默认情况下可见。基本上我想要实现的是使选项卡可滚动，这意味着当您到达最后一个可见选项卡并单击下一步时，它应该变得可见。与jQuery UI可滚动插件完全相同（Demo和documentation）。

我可以切换到这个但不幸的是我需要坚持使用Coda滑块插件..

我尝试使用可滚动jQuery UI的代码，但没有成功。 基本上我需要编写2个函数（参见下面的代码），一个是直接单击选项卡（更改为当前状态），另一个是单击上一个/下一个。

DEMO

有什么想法吗？

用户点击上一个/下一个时的功能

$('.coda-nav-left, .coda-nav-right').click(function(e) {
  if ($(this).hasClass('coda-nav-left')) {
    $('.coda ul li').remove('.coda ul li:first');
  } else {
    $('.coda ul li'). remove('.coda ul li:last');
  }
});

当用户点击选项卡并且班级更改为当前

时的功能

function current() {
  var $current = $('.coda-nav ul li a.current');
  if (current) {
    //show next/prev tab next to and sibling from current..
  }
}