js点击某分类显示对应内容，即tab切换效果

$(".show-product").eq(0).show();
var lis = $(".product ul li");
var k;
for(var i = 0; i < lis.length; i++) {
lis[i].index = i;
$(".product ul li").hover(function() {
$(".product ul li").css({
"background": "#fff",
});
$(".product ul li a").css({
"color": "#333",
});
$(".product ul li a.thisclass").css({
"color": "#fff",
});
$(this).css({
"background": "#046355",
});
$(this).find("a").css({
"color": "#fff",
});

k = this.index;
k = parseInt(k + 1);
$(".show-product").hide();
$(".show-product").eq(k).show();
})
}

js点击某分类显示对应内容，即tab切换效果

原文：https://www.cnblogs.com/zyl-930826/p/13029390.html