[jQuery] help to simplify code

[alienfactory]

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><p>some text </p><a
href="#"><img src="images/learnmore-light.gif" alt="" /></a></div>
<div id="vision" class="floatleft"><h1>title</h1><p>some text</p><a
href="#"><img src="images/learnmore-light.gif" alt="" /></a></div>
<div id="approach" class="floatleft"><h1>title</h1><p>some text</p><a
href="#"><img src="images/learnmore-light.gif" alt="" /></a></div>
<div id="team" class="floatleft"><h1>Team</h1><p>some text</p><a
href="#"><img src="images/learnmore-light.gif" alt="" /></a></div>