[jQuery] jquery fadeto

[Tom Shafer]

I have the following li. I am trying to make it so when you hover over
the first a and all of the child ul with the class of sub fadeTo will
come to full opacity. When you mouseout it changes opacity again.

Here is what I have come up with.

        <li class="parent first" id="parent1"><a href="about">About Us</a>
                <ul class="sub" id="sub1">
                        <li id="lisub1"><a href="values">Our Values</a></li>
                        <li id="lisub2"><a href="team">Our Team</a></li>
                </ul>
        </li>

$("#parent1").find("a:first + ul").mouseover(function() {
     $("#firstImage").fadeTo("slow",.99);
   });
    $("#parent1").find("a:first + ul").mouseout(function() {
     $("#firstImage").fadeTo("slow",0.33);
   });

I have it working with a:first. I just need it to work on both the a,
and the ul, I have achieved something like this with all the a's but
it fades in and out more than once when using this method.

Any suggestions?