Ajax CollapsiblePanelがIE 8で動作しない互換モード

Question

IE 6用に設計されたwebapp（asp.net）でajax collapsiblepanelエクステンダーを使用しています。現在、IE 8と互換性のあるアプリケーションを作成するためにメタタグを追加しました。 ajaxコントロールを使用して折り畳み可能なパネルを除いて、アプリケーション内のすべてが正常に動作します。

これらのパネルは常に展開されます。

パネルの崩壊を確保する方法上の任意のアイデアやIE 8

ノートで期待どおりに展開する - 私は、オーバーフローcollPanelのCSSクラスを変更しようとしている：隠されたが、ディスプレイに存在している。これが、どれも保たれていませんパネルが倒れただけです。

コードスニペット：

<cc1:CollapsiblePanelExtender ID="ColPnlExtAddUser" runat="server" TargetControlID="pnlAddContentUser" 
               ExpandControlID="pnlAddHeaderUser" CollapseControlID="pnlAddHeaderUser" Collapsed="True" 
               ImageControlID="ImgBtnAddUser" ExpandedText="(Hide Details...)" CollapsedText="(Show Details...)" 
               ExpandedImage="~/images/collapse.jpg" CollapsedImage="~/images/expand.jpg" SuppressPostBack="true" 
               TextLabelID="lblShowUser" BehaviorID="ColPnlExtAddUserBehavior"> 
              </cc1:CollapsiblePanelExtender> 
              <asp:Panel Style="cursor: pointer" ID="pnlAddHeaderUser" runat="server" CssClass="collHeader"> 
               <div style="padding: 2px; cursor: pointer; vertical-align: middle;"> 
                <div id="Div2" style="float: left;"> 
                 <asp:Label ID="labelUserManagement" runat="server" Text="Add User"></asp:Label> 
                </div> 
                <div style="float: left; margin-left: 20px;"> 
                 <asp:Label ID="lblShowUser" runat="server">(Show Details...)</asp:Label> 
                </div> 
                <div style="float: right; vertical-align: middle;"> 
                 <asp:ImageButton ID="ImgBtnAddUser" runat="server" ImageUrl="~/images/expand.jpg" 
                  AlternateText="(Show Details...)" /> 
                </div> 
               </div> 
              </asp:Panel> 
              <asp:Panel Style="overflow: hidden" ID="pnlAddContentUser" runat="server" CssClass="collPanel" 
               Height="0px"> 
               <table id="tblAddUserDetails" width="100%" runat="server"> 
                <tbody> 
<tr> 
                  <td align="left"> 
                   <a class="labelText">First Name</a> 
                  </td> 
                  <td> 
                   <asp:TextBox ID="firstNameTextbox" runat="Server" MaxLength="20" Width = "48%"></asp:TextBox> 
                  </td> 
                 </tr> 
                 <tr> 
                  <td align="left"> 
                   <a class="labelText">Last Name</a> 
                  </td> 
                  <td > 
                   <asp:TextBox ID="lastNameTextbox" runat="Server"             MaxLength="20" Width = "48%"></asp:TextBox> 

                  </td> 
                 </tr> 
             <tr> 
                  <td align="right" colspan="2"> 
                   <asp:LinkButton ID="saveUserLinkButton" runat="server" CssClass="btnSimpleSave" OnClick="saveUserLinkButton_Click" >Save</asp:LinkButton> 

                  </td> 
                 </tr> 
                </tbody> 
               </table> 
              </asp:Panel> 

Answer 1

屋いつかIEのいくつかのバージョンでそれをサポートし、私はそれが簡単かつ強力です、あなたはjQueryのを使用することをお勧めします。