Skip navigation
malbert84
Currently Being Moderated

Issues with Dreamweaver Spry Accordion in FireFox browser

Dec 13, 2011 1:53 PM

Tags: #cs5 #dreamweaver #spry #accordion

on my website (beta) I am noticing an annoying glitch in regards to the sidebar accordion functionality when viewed in FireFox. The accordion seems to get stuck momentarily before it actually collapses/expands - and it's driving me nuts! Works fine when tested in other browsers.

 

Any advice to help me get the accordion to play nice with Firefox? Thanks!!

 
Replies
  • Currently Being Moderated
    Dec 14, 2011 11:28 AM   in reply to malbert84

    Hello,

     

    I checked your page in the validator: http://validator.w3.org/

     

    Among other things it points out two </span> tags that do not have the corresponding <span> opening tags.

     

    That might upset FF?

     

    Martin

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 14, 2011 1:07 PM   in reply to malbert84

    The following does not behave as you have described

     

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
    </head>
     
    <body>
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 1</div>
        <div class="AccordionPanelContent">
          <p class="nav-links"><a href="packaging.html" target="_self">Consumer Food Package Designs</a></p>
          <p class="nav-links"><a href="transform.html" target="_self">NIIT 'Transform/Impact' Campaign</a></p>
          <p class="nav-links"><a href="not-just-a-card.html" target="_self">AuctionACCESS "Not Just a Card" Campaign</a></p>
          <p class="nav-links">AuctionAccess "Not Just a Card" Campaign</p>
          <p class="nav-links">AuctionAccess "Not Just a Card" Campaign</p>
        </div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 2</div>
        <div class="AccordionPanelContent">
          <p class="nav-links">AuctionAccess "Not Just a Card" Campaign</p>
          <p class="nav-links">asfasfaf</p>
          <p class="nav-links">AuctionAccess "Not Just a Card" Campaign</p>
          <p class="nav-links">AuctionAccess "Not Just a Card" Campaign</p>
          <p class="nav-links">AuctionAccess "Not Just a Card" Campaign</p>
          <p class="nav-links">AuctionAccess "Not Just a Card" Campaign</p>
          <p class="nav-links">asfasfaf</p>
          <p class="nav-links">AuctionAccess "Not Just a Card" Campaign</p>
          <p class="nav-links">AuctionAccess "Not Just a Card" Campaign</p>
          <p class="nav-links">AuctionAccess "Not Just a Card" Campaign</p>
          <p class="nav-links">AuctionAccess "Not Just a Card" Campaign</p>
          <p class="nav-links">asfasfaf</p>
          <p class="nav-links">AuctionAccess "Not Just a Card" Campaign</p>
          <p class="nav-links">AuctionAccess "Not Just a Card" Campaign</p>
          <p class="nav-links">AuctionAccess "Not Just a Card" Campaign</p>
        </div>
      </div>
    </div>
    <script src="SpryAssets/SpryAccordion.js"></script>
    <script>
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: -1});
    </script>
    </body>
    </html>
    

     

    It uses un-adulterated support files, so I guess you may have changed values in the CSS and or JS files.

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 27, 2012 10:07 AM   in reply to Ben Pleysier

    Hi, I could use some help as well.

     

    Spry accordion works well in IE and Safari, not in FireFox.

     

    I have tried different things and forums, no luck...

     

    The web page is:  http://www.gsekura.com/fianzas_tipos.html

     

    Thank you.

     

    Ana.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 27, 2012 3:49 PM   in reply to PATA.MAC

    Please start a new thread.

     

    Gramps

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points