<div class="tab">
<span>tab1</span>
<span>tab2</span>
<span>tab3</span>
</div>
<div class="tabshow">
tab1显示内容
</div>
<div class="tabshow" style="display: none;">
tab2显示内容
</div>
<div class="tabshow" style="display: none;">
tab3显示内容
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
$('.tab span').click(function(){
$(this).addClass('span-sel').siblings().removeClass('span-sel');
var i = $(this).index();
$('.tabshow').eq(i).show().siblings().hide();
})