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.展开