[jQuery] superfish - using different animations?
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*/
});
});