根据链接单击在jQuery中隐藏GridView

Question

在asp.net项目上工作

我做一个jQuery函数，隐藏并显示一个div onclick

对于每个列表框，都有一个名为“管理”的链接，单击此链接可显示或隐藏网格视图以管理此列表。 那是代码：

       <a class="brownlink" id="coursemanage" data-target = "#coursegridview">Manage</a>




 <asp:GridView ID="coursegridview" runat="server"  DataKeyNames="id" DataSourceID="course_mange" SkinID="gridview" PageSize="5">
                            <Columns>
                                <asp:CommandField ShowDeleteButton="True" ShowEditButton="True" ShowSelectButton="True" />
                                <asp:BoundField DataField="id" HeaderText="id" InsertVisible="False" ControlStyle-CssClass="textfield" ReadOnly="True" SortExpression="id" >
<ControlStyle CssClass="textfield"></ControlStyle>
                                </asp:BoundField>
                                <asp:BoundField DataField="name" HeaderText="name" SortExpression="name" ControlStyle-CssClass="textfield"  >
<ControlStyle CssClass="textfield"></ControlStyle>
                                </asp:BoundField>
                                <asp:BoundField DataField="xdate" HeaderText="xdate" SortExpression="xdate" ControlStyle-CssClass="textfield"  >
<ControlStyle CssClass="textfield"></ControlStyle>
                                </asp:BoundField>
                            </Columns>
                        </asp:GridView>
                        <asp:SqlDataSource ID="course_mange" runat="server" ConnectionString="<%$ ConnectionStrings:samy_sarc %>" DeleteCommand="DELETE FROM sarcallcourse WHERE (id = @id)" InsertCommand="INSERT INTO sarcallcourse(id, name, xdate) VALUES (, @name, @xdate)" SelectCommand="SELECT sarcallcourse.* FROM sarcallcourse" UpdateCommand="UPDATE sarcallcourse SET name = @name, xdate = @xdate WHERE (id = @id)">
                            <DeleteParameters>
                                <asp:Parameter Name="id" />
                            </DeleteParameters>
                            <InsertParameters>
                                <asp:Parameter Name="name" />
                                <asp:Parameter Name="xdate" />
                            </InsertParameters>
                            <UpdateParameters>
                                <asp:Parameter Name="name" />
                                <asp:Parameter Name="xdate" />
                                <asp:Parameter Name="id" />
                            </UpdateParameters>
                        </asp:SqlDataSource>





<script type="text/javascript">



        $(function () {
            $('.brownlink').click(function () {
                //Now here `this` would be your anchor element clicked
                var $target = $($(this).data('target')); //Fetch the target and select it
                $target.slideToggle('slow'); //slideToggle
            });
        });

    </script>

那是代码，但是此代码在页面中重复多次，因为每个下拉菜单都有一个

所以我需要代码是动态的，这意味着编写一个jquery代码并添加到页面上的所有管理链接，每个隐藏一个不同的网格视图
它没有用，我需要它是动态的...因为我将它用于多gridview

我可以使用任何信息...谢谢

Answer 1

我尝试这个及其工作：

 function initpage() {

     $('#coursegridview').hide();

 }
 initpage();
 function togglediv(div) {

     $("#" + div).toggle('slow');
 }

无论单击哪个链接，或者单击按钮，或者执行任何操作，只要执行onclcik即可：

onclick='togglediv("coursegridview")'

你开车写任何你想切换的div

重要说明：请记住将jquery代码放在代码的末尾