JQ——点击目题后，同时题目加上背景色，点击提示或答案解析弹出相应的内容
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>点击标题后，显示回答的内容，同时标题加上背景色</title>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
</head>
<body>
<div id="questions">
<h1>诸子百家中名家的特点是注重逻辑辩证，以下哪个典故能体现名家的这一特点？</h1>
</div>
<div id=" choose">
<ul style="display: none;">
<li>A、白马非马</li>
<li>B、指鹿为马</li>
</ul>
</div>
<div id= " resolve">
<p style="display: none;">
答案：【A】
指鹿为马的是赵高。<br />
白马非马则是一个著名的逻辑问题，出自《公孙龙子·白马论》，故事大概是这样的：<br />
战国时一城有令马匹不得出城。有一天，赵国平原君的食客公孙龙带着一匹白马正要出城。守门的士兵对他说：「马匹一概不得出城。」<br />
公孙龙心生一计，企图歪曲白马是马的事实，希望说服士兵，说：「白马并不是马。因为白马有两个特徵，一是白色的，二是具有马的外形，但马只有一个特徵，就是具有马的外形。具有两个特徵的白马怎会是只具有一个特徵的马呢？所以白马根本就不是马。」<br />
愚鲁的士兵因无法应对，唯有放行。<br />
白马非马是公孙龙惚弄士兵的话，应该这样说，白马不等于马，白马是马。马包含白马。不要闹出「白马不是马」「苹果不是水果」及「你爸爸不是男人」的笑话。<br />
</p>
</div>
<div>
<input id="tips" type="button" value="提示！" />
<input id="answer" type="button" value="答案解析！" />
</div>
<script type="text/javascript">
$("#questions").click(function() {
$("h1").css("background-color", "antiquewhite");
})
$("#tips").click(function() {
$("ul").css("display","block");
})
$("#answer").click(function() {
$("p").css("line-height","58px");
$("p").css("display","block");
})
</script>
</body>
</html>
