JQuery вкладки аккордеона

Question

Я пытаюсь иметь вкладку JQuery аккордеон, чтобы отобразить различное содержание в верхней и в нижней части вкладки при нажатии

, если вы посетите следующий веб-сайт

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

Вы должны увидеть 2 вкладки один для бизнеса, а другой для дома, когда вы выбираете вкладку «Бизнес», изображение над вкладкой изменяется вместе с содержимым вкладки.

как я могу это сделать в jQuery JavaScript?

Интересно, может ли кто-нибудь помочь?

Спасибо

Answer 1

Ty что-то вроде

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