如何关闭活动的jQuery工具选项卡?

时间:2015-01-08 22:39:42

标签: jquery tabs

我正在使用jQuery Tools选项卡,我希望能够在单击它时关闭任何活动选项卡,以便所有选项卡变为非活动状态。

打开标签后,如何再将其关闭?我找不到任何解决办法。

这是我的主要代码:

<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>

<script>
    $(function() {
    $("ul.tabs").tabs("div.panes > div", {
          /* tabs configuration goes here */

          initialIndex: 'null',
          });
    });
</script>

这是我的身体:

<ul class="tabs">
    <li><a href="#">Tab 1</a></li>
    <li><a href="#">Tab 2</a></li>
    <li><a href="#">Tab 3</a></li>
</ul>

<!-- tab "panes" -->
<div class="panes">
    <div>pane 1 content</div>
    <div>pane 2 content</div>
    <div>pane 3 content</div>
</div>

这是JSfiddle中的代码。

0 个答案:

没有答案