Jquery accordion menu IE problem

JavaScript
1

Hi everyone. So I’m trying out a jquery accordion menu. Problem is I’m having problems with it in IE (7 at least). There’s three stacked menu links, two of which contain sublinks (where the accordion comes in). When I click one of the sublinks in IE7 it briefly flashes all the sublinks (even the hidden ones). It’ll probably make more sense if you give it a try!

http://www.jackcraig.co.uk/test/

I’m guessing its something to do with the HTML body of the page kicking in before the javascript? I dunno. I have next to zero knowledge of Javascript/Jquery so forgive me for my ignorance. Hopefully I’ll learn something from this! I’d like to know more :slight_smile:

JS file is here

http://www.jackcraig.co.uk/test/js/menu.js

If anyone can shed some light that would be amazing.

2

Get rid of the custom accordion.

You already use jQuery on your web page so make good use of the more solid jQuery Accordion

3

So how would I be able to use this accordion in able for it to remember its last state once you’ve clicked a link? Rather than for the accordion to revert back to its default position.

Would I need to use the cookie plugin somehow? :s

Thanks for your help.

4

What is the purpose of the cookie plugin? It seems to be used to remember the last opened menu. You can place that cookie-related code in the jQuery accordion event called “change”, so that whenever the accordion changes, you update the cookie.