[jQuery] superfish - using different animations?

[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*/
                    });
        });