<div class="a" id="flags_1">日志</div> <div class="a" id="flags_2">相册</div> <div class="boxx" id="flags_1_1"> <ul> <li>日志<li> </ul> </div> <div class="boxx" id="flags_2_1"> <ul> <li>相册</li> </ul> </div> var flag ="#flag_1,#flag_2,#flag_3,#flag_4"; var visible ="#flag_1_1,#flag_2_1,#flag_3_1,#flag_4_1"; $("#flag_2_1").hide(); $(flag).hover(function(){ var a = $(this).attr("id"); $(this).attr("class","about_title"); $(flag).not("#"+a).attr("class","about_title_hide"); $("#" + a + "_1").show(); $(visible).not($("#" + a + "_1")).hide(); });