Jquery accordion with repeater, row details are not visible when activating row
<p>I am trying to use the jquery accordion with a repeater. I used the sample directly from the jquery documentation. When I click on the section links, the details open and expand, but you can't see any of the text. The html output looks right to me, not sure where this is going wrong. </p>

<pre><code>&lt;script&gt;
$(document).ready(function () {
    $("#accordion").accordion();
});
&lt;/script&gt;

&lt;div id="accordion"&gt;
    &lt;asp:Repeater ID="respondToExceptionsList" runat="server"&gt;

    &lt;ItemTemplate&gt;
        &lt;h3&gt;&lt;a href="#"&gt;Section 1&lt;/a&gt;&lt;/h3&gt;
        &lt;div&gt;
            sdfffffffffffffff
        &lt;/div&gt;
    &lt;/ItemTemplate&gt;

    &lt;/asp:Repeater&gt;
&lt;/div&gt;
</code></pre>

<p>This is the html output.</p>

<pre><code>&lt;DIV id=accordion class="ui-accordion ui-widget ui-helper-reset ui-accordion-icons" role=tablist jQuery1315324170464="2"&gt;
    &lt;H3 aria-expanded=true class="ui-accordion-header ui-helper-reset ui-state-active ui-corner-top" role=tab tabIndex=0 jQuery1315324170464="3"&gt;
    &lt;SPAN class="ui-icon ui-icon-triangle-1-s" jQuery1315324170464="13"&gt;&lt;/SPAN&gt;&lt;A tabIndex=-1 href="#"&gt;Section 1&lt;/A&gt;&lt;/H3&gt;
    &lt;DIV style="HEIGHT: 19px" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" role=tabpanel&gt;sdfffffffffffffff &lt;/DIV&gt;
&lt;/DIV&gt;
</code></pre>
