Jquery折叠效果不适用于asp.net控件？

在asp.net中，我尝试使用asp.net按钮控件对div执行折叠效果，但它不起作用。而不是asp.net按钮时，我把html控件的效果工作良好。有谁能帮我解释一下为什么它不起作用

<script type="text/javascript" language="javascript">

$(document).ready(function() {

  $("#hide").click(function(){
     $(".target").hide( "fold", 
                 {horizFirst: true }, 2000 );
  });

  $("#show").click(function(){
     $(".target").show( "fold", 
                  {horizFirst: true}, 2000 );
  });

});
</script>

the code for buttons goes here

 <asp:Button ID ="show" runat ="server" Text ="Show" />  
 <asp:Button ID ="hide" runat ="server" Text ="hide" />   

$（文档）.ready（函数（）{
$（“#隐藏”）。单击（函数（）{
$（“.target”）.hide（“折叠”，
{horizFirst:true}，2000年）；
});
$（“#显示”）。单击（函数（）{
$（“.target”）.show（“折叠”，
{horizFirst:true}，2000年）；
});
});
按钮的代码在这里

html控件

<input type ="button" id ="show" value ="Show" runat ="server" title ="Show" />
<input type ="button" id ="hide" runat ="server"  title ="Hide" value ="Hide" />

---

如果服务器控件ID不是静态的，则它们可能会更改，因此您必须提供将由asp.net生成的。您可以使用controlID.ClientID获取客户端id

<script type="text/javascript" language="javascript">

$(document).ready(function() {

  $("#<%= hide.ClientID %>").click(function(){
     $(".target").hide( "fold", 
                 {horizFirst: true }, 2000 );
  });

  $("#<%= show.ClientID %>").click(function(){
     $(".target").show( "fold", 
                  {horizFirst: true}, 2000 );
  });

});
</script>

$（文档）.ready（函数（）{
$（“#”）单击（函数（）{
$（“.target”）.hide（“折叠”，
{horizFirst:true}，2000年）；
});
$（“#”）单击（函数（）{
$（“.target”）.show（“折叠”，
{horizFirst:true}，2000年）；
});
});

在事件中设置警报并检查是否触发？是的，我会检查并通知您