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