![在这里插入图片描述](https://img-blog.csdnimg.cn/20200902153135567.jpg#pic_center)
<div class="tab">
<div class="tab_list">
<ul>
<li class="current">商品介绍</li>
<li>规格与包装</li>
<li>售后保障</li>
<li>商品评价(50000)</li>
<li>手机社区</li>
</ul>
</div>
<div class="tab_con">
<div class="item" style="display: block;">
商品介绍模块内容
</div>
<div class="item">
规格与包装模块内容
</div>
<div class="item">
售后保障模块内容
</div>
<div class="item">
商品评价(50000)模块内容
</div>
<div class="item">
手机社区模块内容
</div>
</div>
</div>
<script>
$(function() {
$(' li').click(function(){
$(this).addClass('current').siblings().removeClass('current');
var index = $(this).index();
console.log(index);
$('.item').eq(index).show().siblings().hide();
});
});
$('li').click(function(){
$(this).addClass().siblings().removeClass()
var index = $(this).index()
$('').eq(index).show().siblings().hide()
})
</script>