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

我想在一个选项卡上创建一个选项卡并打开两个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>

这是表1
这是表2
这是表3

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

试试这个：

<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>

这是表1
这是表2
这是表3
$（“.tabs”）.tabs（{activate:function（）{
/*如果tab1激活，则显示tab3*/
如果（$（“.tabs”）.tabs（“选项”，“活动”）==0/*tab1*/）{
$（“.div3”）.show（）；
}否则{
$（“.div3”）.hide（）；
}
}});

对Sergey的解决方案进行了小更新，参数应该是选项，而不是选项，请参见

我不清楚您的意思。您是否希望同时打开多个选项卡？您应该在他的答案下添加一条评论，告知他这一点，以便他可以更新它，而不是全新的答案▲. 无论这是打字错误还是由于更新了库而产生的新方法，注释都更合适。另一个选择是建议编辑，但我不确定此时您的代表是否允许这样做。