tags:

views:

18

answers:

0

I'm having an odd problem with Jquery Hovers and Cufon.

My Nav is setup like this:

...

<li>
<a class="title" href="#">Title Text</a>
<a class="sub" href="#">Photo Gallery</a>
</li>

...

When I hover over the LI. I want the a.sub to turn white (which works by adding a class because its normal text.) and I ant the a.title to turn green.

The problem is that the Title is replaced by Cufon. I know cufon can do hovers when the element is hovered over, but how do I trigger it when a parent item is hovered over?

Here is my jQuery:

$('#bottomNav ul li').hover(

    function() {
        $("a.sub", this).addClass('hov');
        $("a.title", this).addClass('thov');
    }, 

    function() {
        $("a.sub", this).removeClass('hov');
        $("a.title", this).removeClass('thov');
    });