jquery - 如何使用 jQuery 进行标签切换

Question

如何使用 jQuery 切换标签页？

这是我需要的。当我点击左侧的链接(见图片)时，我需要更改右侧的内容。

那是当我点击营销时，我需要执行以下功能:

• 从 **strategy 及其 contets 中删除 active 类 **
• 然后将 class active 添加到ma​​rketing and its contents

这里是源码

<ul class="marketing_box padbot30 padtop30">
     <li class="scroll_btn active "><a href="#tabs-1">Strategy</a> </li>
     <li class="scroll_btn "><a href="#tabs-2">Marketing</a> </li>
     <li class="scroll_btn "><a href="#tabs-3">Operations</a> </li>
     <li class="scroll_btn "><a href="#tabs-4">Organisation</a> </li>
     <li class="scroll_btn "><a href="#tabs-5">CorporateDevelopement</a> </li>
</ul>

<span class="active" id="tabs-1"></span>
<span  id="tabs-2"></span>

转到此链接进行现场演示 http://theteamconsultancy.com/services.html#service-1

编辑:我找到了一半自己

 $(document).ready(function() {
 $('.acordian ul li ').click(function(){
        $('.acordian ul li ').removeClass('active')
       $(this).addClass('active');
});
});

Answer 1

试试这个:

$('.marketing_box li').click(function() {
  $('.scroll_btn').removeClass('active');
 $(this).addClass('active'); 
});