Tabs zurb基础选项卡，带有'；下一步按钮'；

我正在处理一个3步表单，需要能够将“下一步”按钮移动到下一个选项卡（同时相应地更改顶部的主选项卡）。关于如何为此设置javascript，有什么想法吗？没有关于这方面的文档，我可以更改内容，但不能同时更改主选项卡

例如：

<dl class="tabs">
  <dd class="active"><a href="#simple1">Step 1</a></dd>
  <dd><a href="#simple2">Step 2</a></dd>
  <dd><a href="#simple3">Step 3</a></dd>
</dl>
<ul class="tabs-content">
  <li class="active" id="simple1Tab">
    <p>Step 1</p>
    <a class="button" href="#simple2">Next Step »</a>
  </li>
  <li id="simple2Tab">
    <p>Step 2</p>
    <a class="button" href="#simple3">Next Step »</a>
  </li>
  <li id="simple3Tab">
    <p>Step 3</p>
  </li>
</ul>

第一步



步骤2



步骤3

也许有更好的方法。。。但我只是用下面的方法来解决问题

$('#formnextbutton').click(function () {  $("#tabbutton").click() });

---

也许不会更好，但更具活力

$(".tabs .active + dd > a").click()