jquery - 如何处理类似选项卡内容的“下一个”和“上一个”按钮

Question

This is the fiddle 。您可以看到，如果有人单击链接 B，则内容打开，如果单击 C，则内容打开，隐藏之前打开的内容，就像 jQuery 选项卡一样。现在，我希望对 Next 和 Previous 按钮执行相同的操作。但是，我无法正确编写脚本。我尝试/出错/无法正确写入的方式:

$('body').on('click', '.next', function() {  
   var nextId = $('.div-link li.active').next().find('li a').attr('href');  // I don't understand how can I get the next id of opened div
   $('.div-link li' +nextId).addClass('active');  // I even can't imagine how can be set the active class at the li links
});

我不擅长 jQuery。因此，请帮我编写用于单击 Next 和 Previous 按钮的脚本。

Answer 1

一种快速而困惑的方法是:

$('.back').click(function(){
    $('.div-link .active').prev().children('a').click();
});

$('.next').click(function(){
    $('.div-link .active').next().children('a').click();
});

Demo