ThemeForest

Superfish animation doesn't work

201 posts
  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • Israel
  • Referred between 500 and 999 users
  • Sold between 100 and 1 000 dollars
r0nka says

I try to implant Superfish plugin into my template it works just fine but without the animation. here is the code http://jsfiddle.net/SqxCN/

why is that?

66 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Moldova', Republic of
  • Sold between 50 000 and 100 000 dollars
WebinCode says

I try to implant Superfish plugin into my template it works just fine but without the animation. here is the code http://jsfiddle.net/SqxCN/ why is that?
Hi try to add like here
// initialise plugins
    jQuery(function(){
    jQuery('ul.sf-menu').superfish({
            delay:       300,                            // one second delay on mouseout 
            animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
            speed:       'normal',                          // faster animation speed 
            autoArrows:  true,                           // disable generation of arrow mark-up 
            dropShadows: false                            // disable drop shadows 
    });
    });
201 posts
  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • Israel
  • Referred between 500 and 999 users
  • Sold between 100 and 1 000 dollars
r0nka says

doesn’t help :S

201 posts
  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • Israel
  • Referred between 500 and 999 users
  • Sold between 100 and 1 000 dollars
r0nka says

any one?

1915 posts Do the Needful
  • Envato Staff
  • Elite Author
  • Sold between 100 000 and 250 000 dollars
  • Support Staff
  • United States
  • Author had a Free File of the Month
  • Microlancer Beta Tester
  • Beta Tester
  • Interviewed on the Envato Notes blog
+7 more
JamiGibbs support says

If it’s working without the animation it’s probably just functioning with CSS only and no jQuery (because superfish falls back to CSS ). Because the jQuery isn’t loading you should do a few basic checks:

  1. Are you referencing the .js file in your header with the correct path?
  2. Are you initializing the plugin in your header correctly? It should like something like this:
  3. // initialise Superfish 
    <script> 
    
        $(document).ready(function() { 
            $('ul.sf-menu').superfish({ 
                delay:       1000,                            // one second delay on mouseout 
                animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
                speed:       'fast',                          // faster animation speed 
                autoArrows:  false,                           // disable generation of arrow mark-up 
                dropShadows: false                            // disable drop shadows 
            }); 
        }); 
    
    </script>
    
  4. Did you link to the superfish CSS file?
by
by
by
by
by