$(".ra").click(function(){ var id=$(this).children("ul").attr("id"); if(id=="clo"){ $(this).children("ul").slideDown('slow'); $(this).children("ul").attr("id","ope"); }else{ $(this).children("ul").slideUp("slow"); $(this).children("ul").attr("id","clo"); } }); <ul class="root"> <li class="rts"><a id="ra" href="javascript:;">有机化学</a> <ul id="clo" style="display:none;"> <li><a href="my.html" target="cou">乙酰乙酸乙酯</a></li> <li><a href="my.html" target="cou">苯甲酸</a></li> <li><a href="my.html" target="cou">固定酸催化剂</a></li> </ul> </li> <li class="rts" id="1"><a id="ra" href="javascript:;">无机化学</a> <ul id="clo" style="display:none;"> </ul> </li> <li class="rts"><a id="ra" href="javascript:;">大型分析仪器</a> <ul id="clo" style="display:none;"> <li><a href="my.html" target="cou">气相-质谱联用</a></li> <li><a href="my.html" target="cou">液相色谱仪</a></li> <li><a href="my.html" target="cou">气相色谱仪</a></li> <li><a href="my.html" target="cou">原子吸收光谱</a></li> <li><a href="my.html" target="cou">紫外线-可见吸收光谱</a></li> </ul> </ul> <iframe id="cou" name="cou"/>
阻止第二层的事件向第一层冒泡:
$("li.rts > ul").click(function(event){event.stopPropagation()});