javascript - jQuery Accordion 显示特定选项卡

Question

我对 javascript 和 HTML 很生疏，并试图重新开始。

这是我要修改的元素的示例代码:

      <div id="tabContainer" class="table">
         <h1>Container</h1>
         <ul class="tabs">
            <li><a href="#tab1">Tab 1</a></li>
            <li><a href="#tab2">Tab 2</a></li>
            <li><a href="#tab3">Tab 3</a></li>                 
         </ul>
         <div id="tab_display">
            <div id="tab1" class="tab_content"></div>
            <div id="tab2" class="tab_content"></div>
            <div id="tab3" class="tab_content"></div>
         </div>
      </div>

我正在使用 jQuery Accordion 的一个版本在选项卡之间进行切换，并且它可以正常工作。在选择选项卡 1 的情况下单击选项卡 2，将清除“tab_display”并显示选项卡 2 的内容。

我想控制显示哪个选项卡，例如通过单击按钮。

如果正在显示选项卡 1，并且我单击页面上的另一个按钮，我希望显示特定选项卡(显示“选项卡”列表上的选择，并显示“tab_dsiplay”中的内容) )。

我该怎么做？谢谢!

Answer 1

尝试使用此处的解决方案 open-jquery-accordion-panel-with-link-outside-of-acccordion

演示 here .