Question

我正在使用这个jSFiddle：https://jsfiddle.net/vkuz8ra3/

我需要点击div div或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

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

假设您有li个问题link1，link2 ..

菜单菜单菜单1激活,菜单menu2` ...（注意首先是活动的）

维护全球计数器

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');
});

jQuery设置为活动的下一个或上一个子菜单

1 个答案: