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(); 
    }); 
})