Question

我在每个转发器行中显示摘要和详细信息客户信息 - 在转发器内。

总结的东西是它自己的div：（id =“divHistory_Summary）。其中的详细信息是自己的div：（id =”divHistory_details“）

默认情况下，详细信息div隐藏为内联样式：display：none;

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

                <div id="divHistory_Summary" class="cust_summary" style="width: 100%; cursor: pointer" >
                     <div id="divTicketNumber" style="display: inline; float: left;">
                          <u><strong>Ticket ID:</strong> <asp:Label ID="lblCustHelpDeskTicketId" runat="server" Text='<%# Eval("HelpDesk_id") %>' /></u>
                     </div>  

                      <div id="divProblem" style="display: inline; float: left; padding-left: 10px;">
                         <strong>Problem:</strong> <asp:Label ID="lblProblem" runat="server" Text='<%# Eval("HelpDesk_problem") %>' />
                     </div>

                     <div id="divStatus" style="display: inline; float: left; padding-left: 10px;">
                         <strong>Status:</strong> <asp:Label ID="Label1" runat="server" Text='<%# Eval("HelpDesk_name") %>' />
                     </div>

                  </div>

                  <div id="divHistory_details" class="cust_details" style=" width: 100%; float: left; display: none;  ">
                      <strong>Solution:</strong> <asp:Label ID="lblSolution" runat="server" Text='<%#Eval("HelpDesk_solution") %>' ></asp:Label>
                </div>

             </ItemTemplate>
          <SeparatorTemplate>
             <hr />
          </SeparatorTemplate>
    <FooterTemplate>
   </FooterTemplate>

    </asp:Repeater>

在我的aspx页面的底部，我有我的jquery：

 <script src='<%= ResolveUrl("~/Scripts/jquery-1.4.1.js") %>' type="text/javascript" ></script> 
 <script type="text/javascript">

        $(document).ready(function () {
             $(".cust_details").hide();
             $(".cust_summary").click(function () {
                $(this).next(".cust_details").slideToggle(100);
             });
         });

  </script>

我的app中没有jquery.js文件，所以我希望可以在这里调用脚本。这个应用程序有许多嵌套的母版页，并且不知道将哪个调用jquery文件。

页面加载，转发器填充，隐藏详细信息。单击摘要div时，没有任何反应 - 细节内容不会显示。

有没有人对如何让这个show / hide div这样工作有什么想法？谢谢你！

我正在使用VS2010，Framework 2.0，C＃

Answer 1

试试这个：

 $(this).nextAll('div[class="cust_details"]').eq(0).slideToggle(100);

我已经进行了快速测试，似乎正在运作。

Answer 2

试试这个：

<script type="text/javascript">

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

</script>

在中继器项目模板中显示隐藏Div

2 个答案: