模拟jQuery选项卡

Question

我想知道是否有可能有一个父标签后面的jQuery标签！

为了表达..。我有一个jquery选项卡菜单，3个选项卡，都工作得很好。有名为' tabs -1‘和'tabs-2’等标签的div...

但是，如果我想在页面上的另一个位置放置另一组选项卡，以便根据页面顶部选项卡的选定值显示相对div，该怎么办？

如果这是令人困惑的，我将进一步解释：

我的jQuery选项卡如下所示：

<div id="tabs">
<ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
    <p>Proin elit arcu, rutrum</p>
</div>
<div id="tabs-2">
    <p>Morbi tincidunt, dui sit amet</p>
</div>
<div id="tabs-3">
    <p>Mauris eleifend est et turpis. </p>
    <p>Duis cursus. Maecenas ligula eros</p>
</div>

并且列表项对应于div _id。

我想知道的是。是..。是否可以有这个^，并且只有一段包含div元素的单独代码

<div id="tabs-1">
<p>Proin elit arcu, rutrum</p>
</div>
<div id="tabs-2">
    <p>Morbi tincidunt, dui sit amet</p>
</div>...

显示或模仿另一个的显示。

因此，如果main选项卡在heading2上(tabs-2)，另一个单独的div将显示tabs-2？

很容易做到？？

干杯,

亚历克斯

Answer 1

您可以为它们提供一个公共类(例如：.theTabs)并绑定到选项卡的显示事件：

$( ".theTabs" ).bind( "tabsshow", function(event, ui) {
  //your div manipulation here
});

然后，您可以在其中按唯一ID进行选择，并相应地操作其他选项卡表示