jquery-ui - 使用 jQuery 选项卡打开多个 div

Question

我想在标签上添加标签并打开 2 个 div。喜欢：

<div id="tabs">
    <ul>
        <li class="tab1"><a href="#tab1">tab1</a></li>
        <li class="tab2"><a href="#tab2">tab2</a></li>
    </ul>

    <div id="tab1">this is tab1</div>
    <div id="tab2">this is tab2</div>
    <div id="tab3">this is tab3</div>
</div>

如果我想单击 tab1 选项卡，它会同时显示“这是 tab1”和“这是 tab3”。我怎样才能实现？干杯。

Answer 1

尝试这个：

<div id="tabs">
<ul>
    <li class="tab1"><a href="#tab1">tab1</a></li>
    <li class="tab2"><a href="#tab2">tab2</a></li>
</ul>

<div id="tab1">this is tab1</div>
<div id="tab2">this is tab2</div>

</div>

<!-- tab3 is outside of tabs and initially hidden -->
<div id="tab3" style="display:none;">this is tab3</div>

<script>
$(".tabs").tabs({activate: function() {
  /* if tab1 activated then show tab3 */
  if ($(".tabs").tabs("options","active") == 0 /* tab1 */) {
    $(".div3").show();
  } else {
    $(".div3").hide();
  }
}});
</script>

Answer 2

对 Sergey 解决方案的小更新，参数应该是选项，而不是选项，请参阅http://api.jqueryui.com/tabs/