.hover effect on mulitple elements at once?

.hover effect on mulitple elements at once?

Hey Guys, Im trying to get 2 elements to execute some effect individually at the same time on a hover.

Ive looked at .animate but if I understand it correctly I can do multiple effects but still limited to that single element.

Heres a pseudo example of what Im trying to do:
<code>
jQuery("#main-nav-container ul li").hover(function(){
            // MY 1ST EFFECT ON HOVER
        jQuery(this).find('ul.sublinks').css({visibility: "visible",display: "none"}).fadeIn(168);
            // MY 2ND EFFECT ON HOVER
        jQuery("#main-nav-container").css({background-position: "0 0"}).fadeIn(168);
        },function(){
            // MY 1ST EFFECT OFF HOVER
        jQuery(this).find('ul.sublinks').css({visibility: "hidden"});
            // MY 2ND EFFECT OFF HOVER
        jQuery("#main-nav-container").css({background-position: "0 -30px"});
        });
});
</code>

So basically Im just trying to get 1st & 2nd on hovers to happen at the same time and 1st and 2nd off hovers to happen at the same time.

Thanks!