function tab1() { var lis = $(".tab1 span"); var lis1 = $(".tab2 a"); var uls = $(".contents1 ul"); uls.eq(0).attr("id", "conten"); //展示选中的li所对应的ul内容 uls.eq(0).css("display", "block"); lis1.eq(0).css("display", "block"); lis.click(function () { var li_selected = $(this); //选中的li分类 var num = li_selected.index(); //相对于同胞元素的位置 lis.removeclass(); //清空css属性 li_selected.addclass("login_header_text active"); //选中li添加属性 uls.css("display", "none"); //隐藏所有ul标签 uls.attr("id", ""); uls.eq(num).css("display", "block"); //展示选中的li所对应的ul内容 uls.eq(num).attr("id", "conten"); //展示选中的li所对应的ul内容 lis1.css("display", "none"); //隐藏所有ul标签 lis1.attr("id", ""); lis1.eq(num).css("display", "block"); //展示选中的li所对应的ul内容 lis1.eq(num).attr("id", "conten"); //展示选中的li所对应的ul内容 // fn() }); } tab1();