Javascript 可折叠PanelExtender不显示内容？

我有一个页面，其中包含4个可折叠的PanelExtender ajax控件，当其中一个用java脚本打开时，我会切换该控件。当我在IE10上以兼容模式运行这段代码时，没有问题，并且一切正常。然而，在没有兼容模式的IE10中，chrome和Firefox在屏幕上什么都不显示

下面是javascript：

<script type="text/javascript">
       function LoadPanels() {
           var Test1 = $find("<%=CPEMenu.ClientID %>")
       Test1._animation._fps = 45;
       Test1._animation._duration = 0.5;

       var Test2 = $find("<%=CPEMenu2.ClientID %>")
       Test2._animation._fps = 45;
       Test2._animation._duration = 0.5;

       var Test3 = $find("<%=CPEMenu3.ClientID %>")
       Test3._animation._fps = 45;
       Test3._animation._duration = 0.5;

       var Test4 = $find("<%=CPEMenu4.ClientID %>")
       Test4._animation._fps = 45;
       Test4._animation._duration = 0.5;

       SetPanel()

   }

   function SetPanel() {

       var OpenPanel = document.getElementById("<%=HFOpenPanel.ClientID %>")


       switch(OpenPanel.value)
       {
       case '0':
            var Test1 = $find("<%=CPEMenu.ClientID %>")
            var Test2 = $find("<%=CPEMenu2.ClientID %>")
            var Test3 = $find("<%=CPEMenu3.ClientID %>")
            var Test4 = $find("<%=CPEMenu4.ClientID %>")
            Test1.set_Collapsed(false)
            Test2.set_Collapsed(true)
            Test3.set_Collapsed(true)
            Test4.set_Collapsed(true)
            Test4.set_Collapsed(true)


        break;
    case '1':
            var Test1 = $find("<%=CPEMenu.ClientID %>")
            var Test2 = $find("<%=CPEMenu2.ClientID %>")
            var Test3 = $find("<%=CPEMenu3.ClientID %>")
            var Test4 = $find("<%=CPEMenu4.ClientID %>")
            Test1.set_Collapsed(true)
            Test2.set_Collapsed(false)
            Test3.set_Collapsed(true)
            Test4.set_Collapsed(true)

   break;
   case '2':
            var Test1 = $find("<%=CPEMenu.ClientID %>")
            var Test2 = $find("<%=CPEMenu2.ClientID %>")
            var Test3 = $find("<%=CPEMenu3.ClientID %>")
            var Test4 = $find("<%=CPEMenu4.ClientID %>")
            Test1.set_Collapsed(true)
            Test2.set_Collapsed(true)
            Test3.set_Collapsed(false)
            Test4.set_Collapsed(true)
   break;
   case '3':
            var Test1 = $find("<%=CPEMenu.ClientID %>")
            var Test2 = $find("<%=CPEMenu2.ClientID %>")
            var Test3 = $find("<%=CPEMenu3.ClientID %>")
            var Test4 = $find("<%=CPEMenu4.ClientID %>")
            Test1.set_Collapsed(true)
            Test2.set_Collapsed(true)
            Test3.set_Collapsed(true)
            Test4.set_Collapsed(false)
   break;
     default:
         var Test1 = $find("<%=CPEMenu.ClientID %>")
         var Test2 = $find("<%=CPEMenu2.ClientID %>")
         var Test3 = $find("<%=CPEMenu3.ClientID %>")
         var Test4 = $find("<%=CPEMenu4.ClientID %>")
         Test1.set_Collapsed(false)
         Test2.set_Collapsed(true)
         Test3.set_Collapsed(true)
         Test4.set_Collapsed(true)

         break;
      }
   }

   </script>

函数加载面板（）{
var Test1=$find（“”）
测试1._动画。_fps=45；
测试1._动画。_持续时间=0.5；
var Test2=$find（“”）
测试2._动画。_fps=45；
测试2._动画。_持续时间=0.5；
var Test3=$find（“”）
测试3._动画。_fps=45；
测试3._动画。_持续时间=0.5；
var Test4=$find（“”）
测试4._动画_fps=45；
测试4._动画。_持续时间=0.5；
SetPanel（）
}
函数SetPanel（）{
var OpenPanel=document.getElementById（“”）
开关（OpenPanel.value）
{
案例“0”：
var Test1=$find（“”）
var Test2=$find（“”）
var Test3=$find（“”）
var Test4=$find（“”）
Test1.set_已折叠（false）
Test2.set_已折叠（true）
Test3.set_已折叠（true）
Test4.set_已折叠（true）
Test4.set_已折叠（true）
打破
案例“1”：
var Test1=$find（“”）
var Test2=$find（“”）
var Test3=$find（“”）
var Test4=$find（“”）
Test1.set_已折叠（true）
Test2.set_已折叠（false）
Test3.set_已折叠（true）
Test4.set_已折叠（true）
打破
案例“2”：
var Test1=$find（“”）
var Test2=$find（“”）
var Test3=$find（“”）
var Test4=$find（“”）
Test1.set_已折叠（true）
Test2.set_已折叠（true）
Test3.set_已折叠（false）
Test4.set_已折叠（true）
打破
案例“3”：
var Test1=$find（“”）
var Test2=$find（“”）
var Test3=$find（“”）
var Test4=$find（“”）
Test1.set_已折叠（true）
Test2.set_已折叠（true）
Test3.set_已折叠（true）
Test4.set_折叠（false）
打破
违约：
var Test1=$find（“”）
var Test2=$find（“”）
var Test3=$find（“”）
var Test4=$find（“”）
Test1.set_已折叠（false）
Test2.set_已折叠（true）
Test3.set_已折叠（true）
Test4.set_已折叠（true）
打破
}
}

以及defult应打开的第一个面板的html

<asp:HiddenField ID="HFOpenPanel" runat="server" Value="0"  />
        <div class="xstep_but"><img src="panle.png"></div>
        <cc1:CollapsiblePanelExtender ID="CPEMenu" runat="server" TargetControlID ="pnlMainMenu1"  SuppressPostBack="false" >
        </cc1:CollapsiblePanelExtender>
        <asp:Panel ID="pnlMainMenu1" runat="server">

         <div class="form_box">
                <div class="form_left">
                    <h3>About You</h3>
                    <div class="form_row">
                        <div class="form_lable">Flat / house number</div>
                        <input type="text" class="form_txt" name="houseno" value=" "><div id='Div1' class="error_strings"></div>
                    </div>
                    <div class="form_row">
                        <div class="form_lable">Postcode</div>
                        <input type="text" class="form_txt" name="postcode" value =" "><div id='Div2' class="error_strings"></div>
                    </div>
                    <div class="form_row">
                        <div class="form_lable">Telephone</div>
                        <input type="text" class="form_txt" name="telephone" value=" "><div id='Div3' class="error_strings"></div>
                    </div>
                    <div class="next_but">
                        <asp:ImageButton ID="IBStep1" runat="server" Text="Button"  
                            onclick="Next_but_click" 
                            ImageUrl="image.png"  />
                    </div>
                </div>
            </div>
            </asp:Panel>

关于你
单位/门牌号
邮政编码
电话

java脚本在页面加载过程中附加到代码隐藏中asp:ImageButton的onload函数（这样javascript在回发后被触发，这样在面板打开时动画仍然播放）

有人能告诉我为什么这只在兼容模式下与IE10一起工作而没有其他功能，以及我能做些什么来解决这个问题吗

---

谢谢

更新，在不工作的浏览器中调试时，我会收到一个javascript错误，说明找不到CPEMOUN？当它在较旧的浏览器中找到它时，这是怎么可能的？我必须做些什么来修复它？另一个更新，我现在已经修复了javascript问题（只需将我的javascript代码移动到更新面板中），但现在面板打开时动画不会播放