Hi, I am just starting with Jquery and I am stoked with it's possibilities... I question is the beautiful superfish plugin. Everythings works fine! But I would like to use two different animation types for two different menues that are on the same page.
I have attached my script below. Unfortunately the lastly declared animation type overrides the first one. I would really appreciate it if someone could help me out! Thanks for the great work, Hannes $(document).ready(function(){ $("ul.nav") .superfish({ animation : { height:"show"} }) .find(">li:has(ul)") /* .find(">li[ul]") in jQuery less than v1.2*/ .mouseover(function(){ $("ul", this).bgIframe({opacity:false}); }) .find("a") .focus(function(){ $("ul", $(".nav>li:has(ul)")).bgIframe({opacity:false}); /* $("ul", $(".nav>li[ul]")).bgIframe({opacity:false}); in jQuery less than v1.2*/ }); $("ul#subnav") .superfish({ animation : { opacity:"show"} }) .find(">li:has(ul)") /* .find(">li[ul]") in jQuery less than v1.2*/ .mouseover(function(){ $("ul", this).bgIframe({opacity:false}); }) .find("a") .focus(function(){ $("ul", $("#supnav>li:has(ul)")).bgIframe({opacity:false}); /* $("ul", $(".nav>li[ul]")).bgIframe({opacity:false}); in jQuery less than v1.2*/ }); });