204 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 500+ members
  • Has sold $100+ on Envato Market
  • Has collected 1+ items on Envato Market
+2 more
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?

68 posts
  • Has sold $40,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
  • Has been part of the Envato Community for over 5 years
+2 more
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 
    });
    });
204 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 500+ members
  • Has sold $100+ on Envato Market
  • Has collected 1+ items on Envato Market
+2 more
r0nka says

doesn’t help :S

204 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 500+ members
  • Has sold $100+ on Envato Market
  • Has collected 1+ items on Envato Market
+2 more
r0nka says

any one?

1950 posts Do the Needful
  • Has sold $125,000+ on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has been part of the Envato Community for over 4 years
  • Has referred 10+ members
+10 more
JamiGibbs 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
by