Jquery隐藏和显示Div的控制

html页面代码：

<input type="checkbox" name="searchType" value="searchNews" id="searchNews" onclick="showNewsTypeChoose()"/> 新闻版块

<div id="newsTypeChoose" style="display:none"> <!-- 默认是隐藏的 -->

</div>

Js代码：

if ($("#searchNews").attr("checked") == "checked") {
    $("#newsTypeChoose").attr("style","display:block"); //如果id为searchNews的复选框为勾选状态的话，显示id为newsTypeChoose的div
} else {
    $("#newsTypeChoose").attr("style","display:none");// //如果id为searchNews的复选框为不勾选状态的话，隐藏id为newsTypeChoose的div
}