Accordion Bug on IE 9

[imryan85]

Accordion panels are opened after 5th panel. This only happens on IE9. Works fine on IE7 IE8 Chrome. No Javascript error from any of browsers.

Thanks

<div id="accordion">
	    <h3><a id="tabs-1" href="#">Initial Assessment<span id="statusIcon0" class="editing">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></h3>
	    <div>@{Html.RenderPartial("Tabs/InitialAssessment", Model);}
	    </div>
	    <h3><a href="#">Physicians<span id="statusIcon1" class="incompleted">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></h3>
	    <div>@{Html.RenderPartial("Tabs/Physicians", Model);}
	    </div>
	    <h3><a href="#">Pre-Op History<span id="statusIcon2" class="incompleted">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></h3>
	    <div>@{Html.RenderPartial("Tabs/PreOpHist", Model);}
	    </div>
	    <h3><a href="#">Pre-Op Process<span id="statusIcon3" class="incompleted">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></h3>
	    <div>@{Html.RenderPartial("Tabs/PreOpProcess", Model);}
	    </div>
        <h3><a href="#">Surgery Details<span id="statusIcon4" class="incompleted">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></h3>
	    <div>@{Html.RenderPartial("Tabs/SurgeryDetail", Model);}
	    </div>
        <h3><a href="#">OR Details<span id="statusIcon5" class="incompleted">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></h3>
	    <div>@{Html.RenderPartial("Tabs/OrDetail", Model);}
	    </div>
        <h3><a href="#">CVICU<span id="statusIcon6" class="incompleted">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></h3>
	    <div>@{Html.RenderPartial("Tabs/CVICU", Model);}
	    </div>
        <h3><a href="#">Lab Values<span id="statusIcon7" class="incompleted">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></h3>
	    <div>@{Html.RenderPartial("Tabs/LabValue", Model);}
	    </div>
        <h3><a href="#">Complications<span id="statusIcon8" class="incompleted">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></h3>
	    <div>@{Html.RenderPartial("Tabs/Complications", Model);}
	    </div>
        <h3><a href="#">Transfusion Details<span id="statusIcon9" class="incompleted">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></h3>
	    <div>@{Html.RenderPartial("Tabs/TransfusionDetails", Model);}
	    </div>
        <h3><a href="#">Process of Care<span id="statusIcon10" class="incompleted">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></h3>
	    <div>@{Html.RenderPartial("Tabs/ProcessOfCare", Model);}
	    </div>        
        <h3><a href="#">Discharge Information<span id="statusIcon11" class="incompleted">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></h3>
	    <div>@{Html.RenderPartial("Tabs/DischargeInfo", Model);}
	    </div>
        <h3><a href="#">Follow Up<span id="statusIcon12" class="incompleted">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></h3>
	    <div>@{Html.RenderPartial("Tabs/FollowUp", Model);}
        </div>
        <h3><a href="#">ICES<span id="statusIcon13" class="incompleted">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></h3>
	    <div>@{Html.RenderPartial("Tabs/Ices", Model);}
	    </div>        
        <h3><a href="#">Unscheduled Follow Up Events<span id="statusIcon14" class="incompleted">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></h3>
	    <div>@{Html.RenderPartial("Tabs/UnscheduledFollowUpEvents", Model);}
	    </div>
    </div>

[Scott González]

Please provide a reduced test case using jsbin or jsFiddle. I wouldn't be surprised to find out that one of your partials has invalid HTML.

[trac-o-bot]

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!