[jQuery] Giving a text link a hover state when hovering over an image
Hi,
I am trying to figure out how to do the above. Here's the HTML code I
have:
<ul>
<li class="img-corner">
<img src="assets/img/woi_luncheonseries.jpg" width="225"
height="130" alt="Women of Influence Luncheon Series" class="woi" />
</li>
<li class="event">
<a href="" title="women of influence luncheon series">women of
influence luncheon series ></a>
</li>
</ul>
The idea is that if the user hovers over the image, it will add a
bottom border to the href below. Similarly, if the user hovers over
the text link, it will swap the above image with another one. I am
relatively new to jQuery (at least when it comes to something like
this), and I require some assistance. If anyone has a few minutes to
help me out, or point me to the right code I need to pull this off, I
would be most grateful.
Thanks in advance,
Justin