Animating two selectors at the same time.

Animating two selectors at the same time.

I have a slide out menu that when it slides out I want the logo to fadeOut as well. I can get both to happen but when the logo fades the slide out menu button goes away as well the menu. I tried seperating the functions but then one works and the other doesn't. This is the closest I've gotten.

Here is the code:

var menu = $(this).find('.slide_menu'); /* the menu that slides out.

var menuSlide = $(this).find('.cp_slide'); /* the link that is clicked to make the menu slide out and the logo fade out.

var logo = $(this).find('.header'); /* the logo

menu.hide(); /* makes the slide out menu hide before anything happens.

menuSlide.click(function(){
menu.show("slide", function() {
logo.animate({opacity: 0.4});
});
});

Thanks ahead.