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!!
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
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
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.
North America
Europe, Middle East and Africa
Asia Pacific