<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> <script language="javascript" src="script/jquery-1.2.6.min.js" src="script/jquery-1.2.6.min.js"></script> <script language="javascript"> $(document).ready( function(){ $("li[name='question']+li[name='answer']").hide(); $("li[name='question']").bind('click',function(){ var theAnswer=$(this).next("li[name='answer']"); $("li[name='question']+li[name='answer']").not(theAnswer).hide(); if(theAnswer.is(":hidden")) theAnswer.show(); else theAnswer.hide(); }); }); </script> </head> <body> <div> <ul> <li name="question" >问题一</li> <li name="answer">回答一</li> <li name="question" >问题二</li> <li name="answer" >回答二</li> <li name="question" >问题三</li> <li name="answer" >回答三</li> <li name="question" >问题四</li> <li name="answer" >回答四</li> </ul> </div> </body> </html> is(":hidden") 判断当前对象是否是隐藏状态 hide() 将当前对象设置为隐藏 $("prev+next") 匹配所有紧接在 prev 元素后的 next 元素 not(...) 判处掉符合not中条件的元素