用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

次要更新谢尔盖的解决方案，PARAM应该是选择，而不是选择，看http://api.jqueryui.com/tabs/