将ASP.Net jQuery更改为可重用/通用功能

如何解决将ASP.Net jQuery更改为可重用/通用功能

我有一个.net表单，其中包含多个div部分。我有一个按钮，可以切换每个按钮的可见性。目前，我只能设法使每个btn / div都使用一个jquery块。

1. 在制作一个可以在 n div节中重复使用的单个jQuery代码块时，我可以得到一些帮助吗？

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

    <script type="text/javascript">  
    $(function () {
        $("#btnSection1").click(function () {
            if ($(this).val() == "Show") {
                $("#Section1").show();
                $(this).val("Hide");
            } else {
                $("#Section1").hide();
                $(this).val("Show");
            }
        });
    </script>

    <input id="btnSection1" value="Show" runat="server" type="button" name="btnSection1"/>
    <div id="Section1" style="display: none;">
        Section 1 text
    </div>

1. 在将jquery从使用val转换为text以便使用asp:Button而不是<input' type="button" />方面有什么建议吗？以下内容不起作用：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">  
$(function () {
    $("#btnSection1").click(function () {
        if ($(this).text() == "Show") {
            $("#Section1").show();
            $(this).text("Hide");
        } else {
            $("#Section1").hide();
            $(this).text("Show");
        }
    });
</script>


<asp:Button ID="btnSection1" runat="server" Text="Show" name="btnSection1"/>
<div id="Section1" style="display: none;">
    Section 1 text
</div>

预先加油。