Link to home
Start Free TrialLog in
Avatar of daedalux
daedalux

asked on

Ajax toolkit accordian header problem with firefox

I have an accordion with 3 panels. On page load all headers behave correctly. Default is top panel. After I click on any other panel header to open another panel, the top header is no longer clickable and I cannot get back to the top panel.

What can I tweak to fix this?

Thanks in advance.


<AjaxToolkit:Accordion ID="MyAccordion"
            runat="Server"
            SelectedIndex="0"
            HeaderCssClass="fbs_accordionHeader"
            HeaderSelectedCssClass="fbs_accordionHeaderSelected"
            ContentCssClass="fbs_accordionContent"
            AutoSize="Fill"
            FadeTransitions="true"
            TransitionDuration="150"
            FramesPerSecond="40"
            RequireOpenedPane="true"
            SuppressHeaderPostbacks="true">
      <Panes>
          <AjaxToolkit:AccordionPane ID="AccordionPane1" runat="server">
            <Header>Thousands of Fixers Now Available
            </Header>
            <Content>
            <div style="height: 130px">
                <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="Buyers_Page_Overview.aspx"><asp:Image ID="Image1" runat="server" ImageUrl="../../Graphics/acc_buy.jpg" Height="135" Width="358" ImageAlign="TextTop" /></asp:HyperLink>
            </div>
            </Content>
          </AjaxToolkit:AccordionPane>
          <AjaxToolkit:AccordionPane runat="server">
            <Header>Get Approved for Fixer Financing
            </Header>
            <Content>
            <div style="height: 130px">
                <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="Finance_Page_Overview.aspx"><asp:Image ID="imgfinance" runat="server" ImageUrl="../Graphics/acc_app.png" Height="135" Width="358" ImageAlign="TextTop" /></asp:HyperLink>
            </div>
            </Content>
          </AjaxToolkit:AccordionPane>
          <AjaxToolkit:AccordionPane runat="server">
            <Header>List Your Home Today
            </Header>
            <Content>
            <div style="height: 130px">
                <asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="Sellers_Page_Overview.aspx"><asp:Image ID="Image2" runat="server" ImageUrl="../../Graphics/acc_remodel_money.png" Height="135" Width="358" ImageAlign="TextTop" /></asp:HyperLink>
            </div>
            </Content>
          </AjaxToolkit:AccordionPane>
      </Panes>
      </AjaxToolkit:Accordion>

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of daedalux
daedalux

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial