Dropdown menus fade away

[joeldbirch]

Dropdown menus fade away

[joeldbirch]

I have managed to recreate your issue and the answer seems to be the version of jQuery you are using. If you update from 1.7.1 the issue will be fixed. Without knowing your site, I'd say the safest version to update to would be 1.7.2, which I have tested and can confirm that it fixes your issue.

[handygal1956]

Thanks for your help. I tried changing it to 1.7.2 and still had a similar issue. Then changed it to 1.9.1 and am still having problems where now the white background drops out after some time (see attached). I don't think anything else in the website uses jquery although there are a couple of other javascripts. I copied the .min. filed and linked it directly, as opposed to having it link through googleapolis.
Would it be helpful to copy/provide code? I feel pretty lost when it comes to this stuff.
Thanks again.

[joeldbirch]

Huh, strange. I already have test files set up based on your site now, so I should be able to recreate your new issue fairly easily. I'll have another look tomorrow (it's 3am here).

[handygal1956]

Get some sleep! Thanks.

[handygal1956]

I changed it to 1.9.0 and it seems to be better. It took much longer to start messing up. It seems to be the center column most of the time. Most people wouldn't see it since they wouldn't spend as much time playing with as I have been, however, I am afraid to change all the pages until it works right.

[joeldbirch]

I've found that this is definitely a Superfish bug with height animations. Can you use animation: {opacity:'show'} until I fix this? It will certainly be at the top of my todo list. I really appreciate you bringing it to my atttention. Thanks.

[handygal1956]

It already says "show". What am I doing to get this problem that others are not? I will change that.

[joeldbirch]

Replace this line:
animation: {opacity:'show',height:'show'},

With this line:
animation: {opacity:'show'},

…although I'm working on a proper fix so you can still animate height, as we speaktype.

[handygal1956]

It is already that way.

[joeldbirch]

Maybe you have the Superfish initialisation duplicated in two different places, because below is a copy/paste from your site:

<script>
$(document).ready(function() {
$('ul.dropnav').superfish({
delay: 1000,
animation: {opacity:'show',height:'show'},
speed: 'fast',
autoArrows: false,
dropShadows: false
});
});
</script>

[handygal1956]

Oh, I thought you meant in the superfish.js file.

[handygal1956]

Here's a stupid question. Why are these in 2 places. Couldn't these changes be made in the superfish.js and get rid of the ones in the .html file?

[joeldbirch]

The settings in the superfish.js file are just defaults. The idea is that you never touch that file and just override the bits you want from outside. Like how you don't need to mess with a car engine to drive down a road. Just use the controls. :)

[handygal1956]

Making this change seems to have solved my problem. Thank you so much for all your help.

[joeldbirch]

v1.5.13 fixes the height animation bug.