html点击显示分类,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();

})

}

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