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