jquery - jquery 水平 ul/navbar スライダー

Question

水平ナビゲーション バー (twitter ブートストラップ スタイル) を持つ通常のホームページに取り組んでいます。

問題: サイトに入ったときの入力に基づいて、ページのナビゲーション バーにさまざまなボタンが表示されます。その入力に応じて、4 つのボタンまたは 20 個のボタンが表示される場合があります。

ボタンが多すぎる場合 (ボタン > x の単純な場合)、ユーザーが前/次のボタンをクリックしたときに 1 つのボタンでアニメーション化/スライドする水平スライダーを適用したいと考えています。

これまでのところ、bxSlider (www.bxslider.com) と hoverscroll を試しました。ホバースクロールは問題ありませんでしたが、マウスオーバーではなくクリック ベースのものが必要でした。BxSlider は、クリックごとに固定サイズでのみスライドします。ピクセルではなく、要素に合わせてスライドするものが必要です。

ありがとう。

<div id="divone">
  <div id="divtwo">
    <ul id="my-list">
      <li>Link<li>
      <li>Link<li>
      <li>Link<li>
      <li>Link<li>
      <li>Link<li>
       etc.
    <ul>
  </div>
</div>



            #divone
            {
                width: 678px;
                height: 51px;
                position: relative;
            }

            #divtwo
            {
                width: 678px;
                height: 51px;
                overflow: hidden;
            }

            #my-list
            {
                width: 6000px;
            }

これが構造で、おそらく別の 'overflow:hidden' div 親を使用して、スクロール可能/スライド領域を作成できます。

助けていただければ幸いです。