jQuery的手風琴標籤

Question

我想有一個jquery手風琴選項卡單擊

時顯示不同內容的頂部和標籤的底部，如果您檢查以下網站

http://www.eset.com/us/#tab=fbus

當您選擇業務選項卡時，您應該看到2個選項卡一個用於商業，另一個用於家庭，選項卡上方的圖片隨選項卡的內容一起更改。

我該如何在jQuery JavaScript中做到這一點？

不知有人能幫忙！

謝謝

Answer 1

泰像

HTML

<div class="fhome tabed">fhome Content 01 </div> 
<div class="fbus tabed" style="display:none;">fbus Content 02 </div> 
<ul id="Tabs"> 
    <li><a href="#tab=fhome">Tab 01 </a></li> 
    <li><a href="#tab=fbus">Tab 01 </a></li> 
</ul> 
<div class="fhome tabed">fhome Content 01 </div> 
<div class="fbus tabed" style="display:none;">fbus Content 02 </div> 

和jQuery

$(document).ready(function(){ 
$('#Tabs li a').click(function(){ 
     $('.tabed').hide(); 
     var Shdiv = $(this).attr('href').split('=')[1] 
     $('div.'+Shdiv).show(); 
    }); 
})