tab栏切换
2018-05-24 本文已影响31人
文艺小菜
js部分
```
// tab切换
var i = 0;
var tab_list = $(".menu ul li"); // 左侧导航栏
var tab_content = $(".main .ul_list .li_list"); //右侧内容区域
tab_list.eq(i).addClass("active").siblings().removeClass("active");
tab_content.eq(i).show().siblings().hide();
tab_list.click(function() {
i = $(this).index();
$(this).addClass("active").siblings().removeClass("active");
tab_content.eq(i).show().siblings().hide();
});
```