[jQuery] jquery fadeto
[jQuery] jquery fadeto
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?