利用JQuery实现单击一个Button显示或隐藏一个div

[-LanPei-]

我想利用JQuery实现单击一个Button显示或隐藏一个div。
我的想法就是单击Button为Div添加或删除用于隐藏的class。

以下是HTML部分代码：
<form id="form1" runat="server">
<div>

<table class="style1">
<tr>
<td>
<input id="btnShow" type="button" value="button" /></td>
<td>
 </td>
</tr>
<tr>
<td>
<div id="divContent">
asdfasdfasdfasdfasdfasdfasdfasddddddddddddddddddddd<br />
dddddddddddddddddddddddddddddddsssssssssssss<br />
ssssssseeeeeeeeeeeeewwwwwwwwwwqqqqqqqqqqqqqq<br />
</div>
</td>
<td>
 </td>
</tr>
</table>

</div>
</form>

以下是CSS部分代码：
.hideclass
{
display:none;
}

JQuery的代码是这样写的：
$(document).ready(function()
{
$("#btnShow").click(function()
{
if( $("#divContent").hasClass("hideclass") )
{
$("#divContent").removeClass("hideClass");
}
else
{
$("#divContent").addClass("hideClass");
}
});
});

在点击后总是在if语句这行报出错误：
对象不支持此属性或方法
可是在JQuery的帮助文档上是有hasClass()方法的。
请大侠帮我看看，哪有问题？

[rjzou2006]

jquery hide() & show()
使用非常好用.

[wangc715]

$(document).ready(function()
{
$("#btnShow").toggle(
function () {
$(("#divContent").addClass("hideClass");
},
function () {
$(("#divContent").removeClass("hideClass");
}
);
});

[lihan6415151528]

toggle即可