Asp.net 显示隐藏Div'；重复项模板中的s

我在中继器内的每个中继器行中显示摘要和详细客户信息

摘要内容是它自己的div:（id=“divHistory\u summary”）。细节内容是它自己的div:（id=“divHistory\u 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>

票证ID:
问题：
状态：
解决方案：

在我的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>

$（文档）.ready（函数（）{
$（“.cust_details”）.hide（）；
$（“.cust_summary”）。单击（函数（）{
$（此）.next（“.cust_details”）.slideToggle（100）；
});
});

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

页面加载，repeater填充，细节内容隐藏。当单击summary div时，什么都不会发生-细节内容不会显示

有没有人对如何让这个show/hide div像这样工作有任何想法？谢谢

我正在使用VS2010、Framework 2.0、C#

尝试以下方法：

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

<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>

我已经运行了一个快速测试，它似乎正在工作。

试试这个：

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

<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>

$（文档）.ready（函数（）{
$（“.cust_details”）.hide（）；
$（“.cust_summary”）。单击（函数（）{
$（this）.nextAll（'div[class=“cust_details”]”）eq（0）.slideToggle（100）；
});
});

您是否检查过是否发生了可能会阻止代码运行的JavaScript错误？乍一看，您的代码看起来很好。