Accordion Problems

[StickyJonny]

Hi, I've got an accordion style menu system. It's all working fairly well, except that when the page loads all of the sub-menus that should only be visible when the parent link is clicked on appear, then disappear a few seconds later.

You can see an example of this here:

http://www.stickyeyes.com/clients/spin-menu/menu.htm

This may not be totally clear here as this is a stripped-down version of the page - the effect is much more pronounced when it has the rest of the page and all of its images, sIFR etc to load.

Any ideas?

[Logic Ali]

Hi, I've got an accordion style menu system. It's all working fairly well, except that when the page loads all of the sub-menus that should only be visible when the parent link is clicked on appear, then disappear a few seconds later.

They have to be rendered that way initially in case JS isn't enabled. To make them close as soon as they are rendered, I would call the appInit function immediately after the rendering of the menu elements, instead of using the onload event.

Remove the function call from the head section, and insert this just after the menu HTML:

<!-End of menu HTML-->
<script type="text/javascript">
defaultOpenTab = 1;

function appInit() {
	spinAccord = new spinAccordion( "DIV.stretchtoggle", "DIV.stretcher", defaultOpenTab);
}
appInit();
</script>

[StickyJonny]

Hi - thanks Logic Ali. This doesn't seem to make too much of a difference unfortunately; any other ideas?

[Logic Ali]

Hi - thanks Logic Ali. This doesn't seem to make too much of a difference unfortunately; any other ideas?

Not without a URL...