php - jquery Accordion 选项卡

Question

我正在尝试使用 jquery Accordion 选项卡在单击时在选项卡的顶部和底部显示不同的内容

如果您查看以下网站

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