javascript - 从滑块显示隐藏的选项卡

Question

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

一旦最后一个可见选项卡处于活动状态（当前类）并单击下一步，应该会显示下一个隐藏的选项卡。基本上，您从看到选项卡 1 到 5.5 到选项卡 2 到 6.5。

由于您也可以单击选项卡本身来显示其内容，因此我需要 2 个功能，一个是单击箭头 prev 和 next 时（单击 prev 时选项卡应向后滚动，单击 next 隐藏的选项应变为可见）。

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

演示：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。