[jQuery] superfish - using different animations?

[slooodge]

Hi,

(I think my previous post got lost...)

I just started using jQuery and I am absolutely stoked with the
library and all the beautiful extensions - Great work!

I am using the superfish and it's working absolute perfect. But I have
two different menues on my site and would like to use two different
menues on my hp and would like to use different animation types. I
have attached my code below. Unfotunately the declaration of the first
animation type gets overwritten by the second one.
Does anyone know how to implement two different menues on one page?

THANKS, I really appreciate your help, Hannes


$(document).ready(function(){
/*      Hauptnavigation   */
                $("ul#nav")
                        .superfish({
                                animation : { height:"show"}
                        })
                        .find(">li:has(ul)")
                                .mouseover(function(){
                                        $("ul", this).bgIframe({opacity:false});
                                })
                                .find("a")
                                        .focus(function(){
                                                $("ul", 
$("#nav>li:has(ul)")).bgIframe({opacity:false});
                                        });

/*      Subnavigation   */
                $("ul#subnav")
                        .superfish({
                                animation : { opacity:"show"}
                        })
                        .find(">li:has(ul)")
                                .mouseover(function(){
                                        $("ul", this).bgIframe({opacity:false});
                                })
                                .find("a")
                                        .focus(function(){
                                                $("ul", 
$("#subnav>li:has(ul)")).bgIframe({opacity:false});
                                        });

/*      Kontrast        */
                $("a.on").click(function(){
                        $("span").addClass("contrast");
                });
                $("a.off").click(function(){
                   $("span").removeClass("contrast");
        });
});