Just tried with

        document.getElementById("menulink1").style.color="#999";
        document.getElementById("menulink2").style.color="#999";
        document.getElementById("menulink3").style.color="#900";

Doesn't seem to make a difference.

On Jan 23, 2:02 pm, Kevin <k30...@gmail.com> wrote:
> Hi, I have some menu links that have a hover color property.
>
> I recently added some color changes on click through JQuery to
> represent the current active page with
>
> $("#menulink1").click(function(){
>             $('#menulink1').css("color","#000");
>             $('#menulink2').css("color","#555");
>             $('#menulink3').css("color","#555");
>             return false;});
>
> $("#menulink2").click(function(){
>             $('#menulink1').css("color","#555");
>             $('#menulink2').css("color","#000");
>             $('#menulink3').css("color","#555");
>             return false;});
>
> $("#menulink3").click(function(){
>             $('#menulink1').css("color","#555");
>             $('#menulink2').css("color","#555");
>             $('#menulink3').css("color","#000");
>             return false;
>
> });
>
> As soon as one of these functions are activated, however, the css
> hover property seems to just stop working and it doesn't look like I
> can edit the css hover property through JQuery.
>
> I've tried .hover() but unless I indicate a color on mouseout, the
> hover color just gets stuck and if I do indicate a mouseout color,
> than the code above just gets ignored.

-- 
--
You received this because you are subscribed to the "Design the Web with CSS" 
at Google groups.
To post: css-design@googlegroups.com
To unsubscribe: css-design-unsubscr...@googlegroups.com

Reply via email to