How to make 2 events happen simultaneously?

How to make 2 events happen simultaneously?

Hey Guys, Im working with tabs using the jquery.tools plugin from http://flowplayer.org/tools/index.html.

What Im doing is making the contents of the tabs fade in as the tab is clicked but also changing the page background image on the click.

I got it working but the problem is that the events are happening in sequential order and not simultaneously like I'd like them to be. Im guessing you might use the bind function but I cant seem to get that to work either.

Heres the code I got now that as I mentioned works, but the events happen one after another, not at the same time.

  1. $(function() {
    //  Services Tabs
        $("ul.subnav-tabs").tabs("div.panes > div", {

  2.    
  3. // 1st event -- Fade in content of tabs
        effect: 'fade',
        fadeInSpeed: 600,
        fadeOutSpeed: 0,


  4.   
  5. // 2nd event -- Fade in background image in separate element 
        onClick: function(){
          var subpage_bg_id = $("ul.subnav-tabs li a.current").attr('id');
          $('#subpage_bg').fadeIn(600).css("background", "url(images/slider_image_" + subpage_bg_id + ".jpg) no-repeat center center")
        }
      });




How to I tie these two pieces together?

Thanks!