js toggle 循环触发事件使div折叠或展开

一.html页面 默认折叠

<div class="content">
	<div class="title" >
		<table border="0" cellpadding="0" cellspacing="0" id="riskShowDiv">
			<tr>
				<td align="left" colspan="2">我的标签</td>
				<td style="text-align: right;"><img src="../../../images/ico25.gif" alt=""></td>
			</tr>
		</table>
	</div>
	<div class="info" id="surveyInfo" style="display: none">
		<table>
			<tr>
				<th >问题：</th>
				<th style="text-align: center;">答案：</th>
				<th style="text-align: center;">分值：</th>
			</tr>
		</table>
	</div>
</div>

二.js toggle事件触发 展示或隐藏

$("#riskShowDiv").toggle(
	function () {
		$("#surveyInfo").css("display", "block");
	},
	function () {
		$("#surveyInfo").css("display", "none");
	}
)

三.页面效果

1.折叠

2.展开