Code
<!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中条件的元素
