Javascript 在数据列表中显示/隐藏div

我想在LinkButton上切换Gridview。两者都在Datalist ItemTemplate内。请帮助

   <asp:DataList ID="dl_newtabs" runat="server" RepeatDirection="Vertical">
    <ItemTemplate>
   <div class="solution_footer">
   <asp:LinkButton ID="lnk_tabnew" runat="server" Text='<%# Eval("service_name") %>'
    CommandArgument='<%# Eval("service_name")  %>' OnClick="lnk_tabnewclick"  CssClass="toggdiv"></asp:LinkButton>
   </div>
    <div id="Div1" style="max-height: 300px; overflow-y: scroll; float: left;   width: 100%;" >
   <asp:Gridview id ="grddesc" runat="server">
  </asp:Gridview>
  </div>

   </asp:DataList>

---

JS:

function lnk_tabnewclick(){
    $('#grddesc').toggleClass('hidden');
}

我刚刚使用了点击事件，您已经在点击时触发了

。。。如有需要，请更换

CSS:

.hidden{ display: none }

   <asp:Gridview id ="grddesc" runat="server" class="hidden">

HTML:

.hidden{ display: none }

   <asp:Gridview id ="grddesc" runat="server" class="hidden">




或者，如果要将显示/隐藏应用于包含的
：



如果您想先隐藏gridview，那么请将类保留在那里。如果没有，请删除隐藏的类，并在单击时应用它。
您正在使用的

<div id="Div1" style="max-height: 300px; overflow-y: scroll; float: left;   width: 100%;" >



Div1不是一个“类”，而是一个“id”

试着把它改成

<div class="Div1" style="max-height: 300px; overflow-y: scroll; float: left;   width: 100%;" >

$(document).ready(function () {
        $(".Div1").hide();
        $(".solution_footer").click(function () {
            $(this).nextAll('div[class="Div1"]').eq(0).slideToggle(100);
        });
    });


$（文档）.ready（函数（）{
$（“.Div1”）.hide（）；
$（“.solution_footer”）。单击（函数（）{
$（this.nextAll（'div[class=“Div1”]）.eq（0）.slideToggle（100）；
});
});
。。。你现在的东西怎么了？这样行吗？你真的没有。他想在链接按钮的点击上切换gridview使用jQuery你可以试试$（“#Div1”）.toggle（）；那么，你在这里遇到了什么错误或问题？我已经更新了我的问题。我需要在点击LinkButton时切换Gridview内容。你是否已将隐藏类附加到Gridview或div？是的，我已按你所说的那样做，但仍无法点击相同的LinkButton我正在绑定相同的Gridview我在问题中上载的图像。是的，ii仍无法工作，这是因为我正在链接按钮上绑定gridview吗？为什么要使用datalist呢。我清楚地看到，您的数据列表中只有两项。只需创建单独的控件，您就可以更轻松地管理它。是的，但这两个控件会根据为用户提供的服务弹出，例如：ABC用户被分配取消，则只会看到取消。还有各种其他服务，如补发等