jQuery noob: changer la couleur de la bordure de l'élément sur le vol stationnaire d'un autre élément

Question

Je voudrais essayer d'expliquer ce que je veux dire, mais il y a un moyen plus simple: click here for jsfiddle exampl e.

Fondamentalement, je veux que la couleur de la bordure de la div rfrsh_btn change lorsque productOptionsMenu est survolé. J'utilise jQuery avec la variable .noConflict car ce site utilise également Prototype.

jQuery:

var $j = jQuery.noConflict(); 

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

Merci :)

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": ""}); 
    } 
); 

Au lieu de css() Je recommande d'utiliser addClass() et removeClass(), respectivement.

Answer 2

semble correct pour moi, peut-être ajouter que les citations manquantes dans

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

Answer 3

Essayez ceci:

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