Javascript 按钮打开特定的手风琴选项卡

我正在尝试创建一个按钮或链接来打开特定的手风琴选项卡，以下是我的手风琴结构：

  <div class="tabs">
  <div class="tabs-header">
  <div class="border"></div>

  <ul>
  <li class="active"><a href="#tab-1" tab-id="1">Home</a></li>

  LINK HERE to open Tab 2
  LINK HERE to open Tab 3


  <li><a href="#tab-2" tab-id="2">Symptom Checker</a></li>


  <li><a href="#tab-3" tab-id="3">Locator</a></li>
  </ul>

  </div>
  <div class="tabs-content">
  <div tab-id="1" class="tab active"></div>
  <div tab-id="2" class="tab"></div>
  <div tab-id="3" class="tab"></div>
  </div>

链接此处以打开选项卡2
链接此处以打开选项卡3

我猜会有一个onclick事件我可以应用到一个按钮？我试过：

 <a href="#tab-2" tab-id="2">Symptom Checker </a> 

但是除了更新您可以使用的URL之外，什么也不会发生

$（'your_button'）。在（'click'，function（）上{
$（“手风琴”）。手风琴（“选项”，“活动”，1）；
});

对于表2和

$（'your_button'）。在（'click'，$（“#accordion”）。accordion（“option”，“active”，2）；}）

对于表3

或者可以使用onclick属性


来源
您可以使用

$（'your_button'）。在（'click'，function（）上{
$（“手风琴”）。手风琴（“选项”，“活动”，1）；
});

对于表2和

$（'your_button'）。在（'click'，$（“#accordion”）。accordion（“option”，“active”，2）；}）

对于表3

或者可以使用onclick属性


source
非常感谢您的回复-令人遗憾的是，当我单击按钮时，什么都没有发生，当我单击链接时，什么也没有发生，并得到以下错误@。accordion不是一个函数（…）修复了它…必须调整javascript:
code
function changeTab1（）{var getTabId=$（'.tabs header.active a'））.attr（'tab-id'）；$（'.tab'）.stop（）.fadeOut（300，函数（）{//Remove Class$（this）.removeClass（'active'）；}.hide（）；$（'.tab[tab-id='+2+']'））.stop（）.fadeIn（300，函数（）{//Add Class$（this.addClass（'active'）；animatetabhweight（）；）；}）
code
您使用jquery ui的一致性好吗？？？因为我只是简单地接管了在文档中找到的功能，我尝试了它，它工作了非常感谢您的回复-不幸的是，当我单击按钮时，什么都没有发生，当我单击链接时，我什么也没有发生，并得到以下错误@。手风琴不是一个功能（…）修复了它…必须调整javascript:
code
函数changeTab1（）{var getTabId=$（'.tabs header.active a'）.attr（'tab-id'）；$（'.tab'）.stop（）.fadeOut（300，函数（）{//Remove Class$（this）.removeClass（'active'）；}）.hide（）；$（'.tab[tab id='+2+'））.stop（）.fadeIn（300，函数（）{//Add Class$（this.addClass（'active'）；animateTabhweight（）；}）；}
code
你能很好地使用jQueryUI吗？？？因为我只是简单地接管了在文档中找到的函数，所以我尝试了它，它工作了