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?