javascript - 如何在中继器内隐藏/显示？

Question

我试图在 anchor 点击时隐藏/显示 div，但这不起作用。

我有复读机，里面有很多帖子。有绑定(bind)的图像、描述和评论( anchor 标记)。

当我点击评论时，将显示关联的 div。

<a href="#" onclick="$('#<%= divSearch.ClientID%>').toggle('medium');return false;">Show Search</a>
<div class="widget-content" id="divSearch" runat="server" style="display: none; background-color: #EEEEEE;">Content goes here</div>

它在中继器项目模板之外完美工作，但是当我将其放置在中继器内时，它就不起作用了

Answer 1

给出的其他 2 个答案忘记了中继器中有多个 divSearch，因此您无法直接在 aspx 中访问它们。为此，您需要使用 FindControl，这可以内联完成。您必须在容器内找到面板并获取该 ClientID。

<asp:Repeater ID="Repeater1" runat="server">
    <ItemTemplate>

        <asp:Panel ID="divSearch" runat="server" style="display:none">
            <%# Eval("value") %>
        </asp:Panel>

        <a href="#" onclick="$('#<%# Container.FindControl("divSearch").ClientID %>').toggle('medium');return false;">Show</a>

    </ItemTemplate>
</asp:Repeater>