jQuery设置为Active下一个或上一个子菜单

Question

我正在与此jsfiddle合作：https：//jsfiddle.net/vkuz8ra3/

，我需要函数在单击Div Prev或Div接下来后接下来或上一个链接。

。

我尝试了这样的事情，但它不起作用

$('.prev').click(function() {
  $('#links').children().prev().addClass('active');
    var index = $('#links').children().index('#links');
    $('#linksobsah').children().hide(500).eq(index).show(500);               
    $('#links').children().removeClass('active');
    $('#links').addClass('active'); 
});

我该怎么做？

Answer 1

我建议您维护一个全局变量，并使用它显示或隐藏sub菜单

假设您的li S类link1，link2 ..

和类菜单菜单菜单1活动,菜单菜单2` ...(请注意，首先是活动(

将全球计数器保持为

var counter = 0;

您的功能应该是

$('.prev').click(function(){
    $('menu.active').removeClass('active');
    counter--;
    $('.menu' + counter % $('menu').length).addClass('active');
});

同样适用于下一个

$('.next').click(function(){
    $('menu.active').removeClass('active');
    counter++;
    $('.menu' + counter % $('menu').length).addClass('active');
});