j查询手风琴选项卡

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