Jquery mouseover/mouseout triggering inconsistently

Answer 1

I haven't looked at all your code but I did notice that when you add new [panes] you also attach events.

What might be better is if you use the live keyword as this will ensure all elements with a given id / class etc have the events attached automatically when you add the element.

So if you add code like this;

$('.MyPanels').live("mouseover", function() { //do stuff });

Then everytime you add an element that contains a class name of 'MyPanels', the mouseover event will be attached to it.

This I find saves a lot of confusion in that you can never add two mouse events to an element and I also no longer need to specifically code for it.

Unsure if this fixes your problem but it would certainly tidy things up and may fix or expose where the issue is.