顯示隱藏的標籤滑塊

Question

我有一個滑塊，更多的標籤，然後在主頁面上可見，所以我的想法是把他們在一個UL集隱藏溢出。 一旦最後一個選項卡處於活動狀態，然後單擊下一個選項卡，則不顯示下一個選項卡，則會顯示幻燈片本身（頂部）。

一旦最後一個可見選項卡處於活動狀態（當前班級），然後單擊下一步，應該會顯示下一個隱藏的選項卡。基本上你從看到標籤1到5.5到標籤2到6.5。當你點擊一個標籤本身來顯示它的內容時，我需要2個功能，一個是單擊prev和next箭頭時（當單擊prev時，標籤應該向後滾動，然後單擊next隱藏的應該變爲可見） 。

我試着讓這兩個功能（見下面的代碼），但他們不工作..任何想法，這甚至可能嗎？

演示：http://jsfiddle.net/epnDK/1/

1. 點擊next和prev箭頭

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

2. 顯示當該功能將當前

   function current() { 
       var $current = $('.coda-nav ul li a.current'); 
       if (current) { 
       //show current in the center and 2 tabs before and after current 
       } 
   } 
   

Answer 1

我看到之後的下一個凸片兩個問題s：

1. 您沒有正確獲取CSS類。

   if ($(this).hasClass('coda-nav-left')) { 
   

   您不刪除正確的元素。

   $('.coda ul').remove('li:last'); 
   

2. 我認爲這不是current但$current。