javascript - スライダーのスクロール可能なタブ

Question

私はこのコードを一日中機能させるのに苦労しています..デフォルトで表示されるよりも多くのタブを含む（コンテンツ）スライダー（Coda Sliderプラグインを使用）があります。基本的に私が達成しようとしているのは、タブをスクロール可能にすることです。つまり、最後に表示されているタブに到達して[次へ]をクリックすると、タブが表示されるはずです。jQuery UIスクロール可能プラグインとまったく同じです（デモとドキュメント）。

これに切り替えることもできますが、残念ながらCodaスライダープラグインを使用する必要があります。

スクロール可能なjQueryUIのコードを使用しようとしましたが、成功しませんでした。基本的に、2つの関数を作成する必要があります（以下のコードを参照）。1つはタブを直接クリックしたとき（現在の状態に変更）、もう1つは前/次をクリックしたときです。

デモ

何か案は？

ユーザーが前/次をクリックしたときに機能する

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