[jQuery] help to simplify code

[jQuery] help to simplify code


i would like to know how i could do it better this actualy repeats 3
more time to get the other mouse over states.
Please dont write any code i am still learning and would be helpful if
anyone could just guide me in the right direction
Many Thanks
$('#vision, #navvision').hover(
         function () {
             $('#services, #approach, #team').stop().fadeTo('slow', .2);
             $('#navigation').stop().animate({ backgroundColor: "#9e97ca" },
500);
         },
         function () {
             $('#services, #approach, #team').stop().fadeTo('slow', 1);
             $('#navigation').stop().animate({ backgroundColor: "#404040" },
500);
         }
     );
html code
<div id="navigation" class="home">nav ul list</div>
<div id="services" class="floatleft"><h1>title</h1>

some text

<a
href="#"><img src="images/learnmore-light.gif" alt="" /></a></div>
<div id="vision" class="floatleft"><h1>title</h1>

some text

<a
href="#"><img src="images/learnmore-light.gif" alt="" /></a></div>
<div id="approach" class="floatleft"><h1>title</h1>

some text

<a
href="#"><img src="images/learnmore-light.gif" alt="" /></a></div>
<div id="team" class="floatleft"><h1>Team</h1>

some text

<a
href="#"><img src="images/learnmore-light.gif" alt="" /></a></div>