js實現tab頁面不同內容切換顯示

效果

    

 

 

實現的思路如下：

controller層同時把兩個內容都查處理

前端html用js控制顯示

（1）前端的tab代碼

（2）tab內容的結構

 

（3）關鍵部分 js

$(".hd ul li").click(function(){
var index=$(this).index();
$(this).addClass("on").siblings().removeClass("on");
$(".about-details-pro .bd").eq(index).css("display","block").siblings(".bd").css("display","none")
})