javascript hover one element to change text color of another

Question

I feel that I am getting close but am new to javascript. Is there anything wrong with this code. I want when you hover on element "research_arrow" to change the text color of "research_link".

$(document).ready(function () {
  $(".research_arrow").hover(function () {
    $(".research_link").css("color:#ffffff");
  });
  $(".research_arrow").mouseleave(function () {
     $(".research_link").css("color:#000000");
  });
});

Answer 1

You're using object notation, in which case, you need {}

css({color:"#ffffff"});

Or if you just want to set one property:

css("color", "#ffffff");

Answer 2

Try this,

$(document).ready(function(){
  $(".research_arrow").hover(function() {
     $(".research_link").css("color", "#ffffff");
  }, function() {
     $(".research_link").css("color", "#000000");
  });
});

hover accepts two function one like mouseover and other like mouse out.