jQuery Accordion显示特定选项卡

时间:2014-11-11 21:29:31

标签: javascript jquery html jquery-ui tabs

我在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版本在标签之间切换,它可以毫无困难地运行。单击选项卡2,同时选中选项卡1,将清除&tabhudis&#39; tab_display&#39;并显示标签2的内容。

我想通过点击按钮来控制显示哪个标签。

如果正在显示标签1并且我点击页面上的其他按钮,我希望显示特定的标签(在“标签”列表中显示选项,并且还会显示&#39; tab_dsiplay&#39;)中的内容。

我该怎么做? 谢谢!

1 个答案:

答案 0 :(得分:1)

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

演示here