JQuery的摺疊效果不適用於asp.net控件？

Question

在asp.net中，我嘗試使用asp.net按鈕控件對div進行摺疊效果，但它不起作用。當我把html控件的效果工作正常時，而不是asp.net按鈕。任何機構可以幫助我爲什麼它不工作。

<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" /> 

HTML控件，如果他們不是靜態

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

Answer 1

服務器控件ID可以改變的，所以你必須給client ids將由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>