Jquery-Tools Tabs - 需要一个特定的选项卡来加载两个 div onClick

Question

我有三个使用 jquery 工具选项卡的选项卡。每个选项卡都会触发不同的 div。但是，我需要第二个和第三个选项卡来触发不同位置的两个div（主要）。我尝试使用选项卡索引无济于事。所以，问题是，如何让第二个和第三个选项卡触发两个div？

我回到了选项卡的基本加载方法

<script>
$(function() {
    $("ul.tabs").tabs("div.panes > div");
});
</script>

HTML 如下：

<div id="search-wrapper">
    <div id="navcontainer">
        <ul class="tabs">
            <li><a href="#">Tab 0</a></li>
            <li><a href="#">Tab 1</a></li>
            <li><a href="#">Tab 2</a></li>
        </ul>
    </div>

    <input type="text" name="searchinput" id="searchinput" size="30">
    <input type="submit" value="Search" />  

    <!-- I need this div to open onClick of Tab 1 and Tab 2-->
    <div style="display: none" id="categoryselector">
        This will contain specific selectors for the search.
    </div>
</div><!--end of search-wrapper-->


<!-- Below are the main tabs that open correctly -->
<div class="panes">
    <div class="tabcontent">Tab 0</div>
    <div class="tabcontent">Tab 1</div>
    <div class="tabcontent">Tab 2</div>
</div>

感谢任何帮助。

Answer 1

请参阅他们的文档

http://flowplayer.org/tools/tabs/index.html

绑定到选项卡的单击事件。

$(function() {
    $("ul.tabs").tabs("div.panes > div", {
         onClick: function(event, tabIndex) {
            if (tabIndex == 1 || tabIndex == 2) { 
                $('#categoryselector').show(); 
            }
         }
    });
});