jQuery noob: изменить цвет границы элемента при наведении на другой элемент

Question

Я бы попытался объяснить, что я имею в виду, но есть более простой способ: нажмите здесь, чтобы получить пример jsfiddle е.

Как правило, я хочу, чтобы цвет рамки div rfrsh_btn менялся, когда productOptionsMenu наведен на *. 1007 *

Я использую jQuery с переменной .noConflict, потому что этот сайт также использует Prototype.

JQuery:

var $j = jQuery.noConflict();

$j(".productOptionsMenu").hover(
    function () {
        $j(#rfrsh_btn).css({"border-color":"#85c222"});
    };
);

Спасибо:)

Answer 1

var $j = jQuery.noConflict();

$j(".productOptionsMenu").hover(
    // hover begin (mouse-in)
    function () {
        $j("#rfrsh_btn").css({"border-color": "#85c222"});
    },
    // hover end (mouse-out)
    function () {
        $j("#rfrsh_btn").css({"border-color": ""});
    }
);

Вместо css() Я рекомендую использовать addClass() и removeClass() соответственно.

Answer 2

Попробуйте это:

$j('.productOptionsMenu ').mouseover(function(){
  $j("#rfrsh_btn").css({"border-color":"#0000ff"});
});

Answer 3

выглядит правильно для меня, возможно, просто добавьте пропущенные кавычки в

$j("#rfrsh_btn").css({"border-color":"#85c222"});