Javascript 滑块中的可滚动选项卡

我一整天都在努力让这段代码正常工作。。 我有一个使用Coda slider插件的内容滑块，它包含了更多的选项卡，默认情况下是可见的。基本上，我试图实现的是使选项卡可滚动，这意味着当您到达最后一个可见的选项卡并单击“下一步”时，它应该变得可见。与jQuery UI可滚动插件所做的和完全相同

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

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

有什么想法吗

用户单击上一步/下一步时的功能

$('.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..
  }
}