使用自定义javascript函数进行简单的选项卡切换

我想自定义功能，以便在单击“下一步”按钮时在选项卡之间切换， 我这样做了，这段代码将活动类添加到“li”中，但不显示该选项卡下的数据。 我怎么能做到

函数goNextTab（currtab，nexttab）
{   
var curr=$（'li.active'）；
当前removeClass（“活动”）；
curr.next（）.addClass（'active'）；
$（'#'+currtab）.attr（'aria-expanded'，'false'）；
$（'#'+nexttab）.attr（'aria-expanded'，'true'）；
}

下一个
下一个

我就是这样做的：

curr.removeClass('active');
if (curr.is("li:last")) {
    $("li:first-child").addClass('active');
} else {
    curr.next().addClass('active');
}

看看

希望我能工作。

我建议使用以下方法：

$("#tabYouSwitchTo").tab('show');

以下是一个例子：

---

有一个问题，当我到达最后一个选项卡，然后单击第一个选项卡时，该选项卡下的内容没有显示。你能给我们一个机会来处理添加的CSS吗？因为代码只是将链接显示为列表。选项卡正在切换，但内容显示不正确，请将一些数据添加到选项卡内容div中，然后查看magicUnit add

curr.next（）。查找（“a”）。单击（）在行
curr.next（）.addClass（'active'）之前。我将更新新JSFIDLE更新代码的答案中的链接：）
$("#tabYouSwitchTo").tab('show');