显示隐藏的标签滑块

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。