Umieść element tablicy, aby zanikać odpowiedni element w innej tablicy [Problem z zamknięciem]

Question

Co mam nadzieję osiągnąć, gdy zatrzymam wskaźnik myszy nad elementem w tablicy deptmts, odpowiedni element w tablicy brnches jest następnie wyszarzany. Dodałem poniżej, co uważałem, że powinno być, ale nie jestem pewien, gdzie idę źle. Każda pomoc byłaby bardzo cenna.

var brnches = ["#branch01","#branch02","#branch03","#branch04"] 
var deptmts = ["#depart01","#depart02","#depart03","#depart04"] 

var brchhov = function() { 
    for(var i=0; i<deptmts.length; i++){ 
     $(deptmts[i]).hover(
      function(){$(brnches[i]).stop(true).fadeTo("fast", 1);}, 
      function(){$(brnches[i]).stop(true).fadeTo("slow", 0);} 
     ); 
    } 
}; 

Answer 1

Klasyczne zamknięcie Issue ..

var brchhov = function() { 
    for(var i=0; i<deptmts.length; i++){ 
     (function(num){ 
      $(deptmts[num]).hover(
       function(){$(brnches[num]).stop(true).fadeTo("fast", 1);}, 
       function(){$(brnches[num]).stop(true).fadeTo("slow", 0);} 
      ); 
     })(i); 
    } 
}; 

Check Fiddle