No animation on first few hovers about superfish HOT 4 CLOSED

I usually avoid debugging individual CSS issues, but you made it easy enough for me to help by creating a jsFiddle, so thanks for that. Here is the problem:
.main-menu-list > li > ul { display: none; /* <--- remove this */
The CSS that comes with Superfish is a guide that is best not to stray too far from when it comes to the nuts and bolts of how things work. Go for broke on the styling, but the CSS under the "essential styles" comment is important.

Note that the top level items on your menu are not links, so that will likely break keyboard access and possibly various touch devices. Just a heads-up.

Hope this helps.

from superfish.

OK thanks. I still feel like there is a bug somewhere, because the plugin isn't adding the sfHover class (or setting the dropdowns to display:none which it does normally). Once you've moved the mouse on and off a few times, the menu does work and it is adding the class.

However, assuming the display property shouldn't be used at all, I would say this is instead an issue with documentation - I was using the standard "suckerfish" system which does use display none/block. Perhaps it should be clearer in step 1 that the display property doesn't work with this.

Interestingly, although the sample CSS uses top, several other properties work fine such as opacity or visibility. Edit: scratch that, those properties are irrelevant. Using no properties at all, it still works.

from superfish.

You raise some fair points. Let's leave this issue open and I'll have a think about it all. Thanks for your feedback.

from superfish.

v1.5.12 fixes this :)

from superfish.