从滑块显示隐藏的标签

Question

我有一个带有更多标签的滑块，然后在主页面上可见，所以我的想法是将它们放在溢出隐藏的ul集中。 一旦最后一个选项卡处于活动状态并单击下一个，则不显示下一个选项卡，将显示幻灯片本身（在顶部）。

最后一个可见选项卡处于活动状态（当前类）后会发生什么，然后单击下一步，应显示下一个隐藏的选项卡。基本上你从看到标签1到5.5到标签2到6.5。

你也可以点击一个标签本身来显示它的内容，我需要2个功能，一个点击上下箭头时（点击上一个标签时应该向后滚动并点击下一个隐藏的标签应该可见）。

我试图制作这两个功能（见下面的代码），但它们不起作用..任何想法，这甚至可能吗？

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

1. 单击下一个和上一个箭头时的功能

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

我看到两个问题：

1. 您没有正确获取CSS类。

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

   您不会删除正确的元素。

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

2. 我认为不是current而是$current。