jQuery选项卡中的WordPress cf7多步骤插件

我正在WordPress中编写联系人表格7的多个步骤。我可以为不同的页面设置它，这对我来说是一项简单的工作，在搜索网页时也有很多帮助

我面临的问题是，我在jQueryUI选项卡中使用这个多步骤插件，当用户单击“下一步”按钮时，我必须将控件移动到下一个选项卡。以下是我的HTML：

 <div id="tabs">
   <ul>
     <li><a href="#tabs-1">REGISTRATION QUESTIONS</a></li>
     <li><a href="#tabs-2">PATIENT INFO</a></li>
     <li><a href="#tabs-3">CONSENT</a></li>
   </ul>
   <div id="tabs-1">
     <p>[contact-form-7 id="335" title="User Multisteps Registration stp-1"]</p>
   </div>
   <div id="tabs-2">
     <p>[contact-form-7 id="338" title="User Multisteps Registration stp-2"]</p>
   </div>
   <div id="tabs-3">
     <p>agree form</p>
 </div>
</div>

---

您需要使用jQuery执行此操作，请为您添加标签任何帮助或参考链接

on_sent_ok: code here