होवर सरणी तत्व किसी अन्य सरणी में संबंधित तत्व को फीका करने के लिए [क्लोजर समस्या]

Question

जो मैं प्राप्त करने की उम्मीद कर रहा हूं वह है जब मैं deptmts सरणी में किसी तत्व पर होवर करता हूं, तो brnches सरणी में संबंधित तत्व को अंदर और बाहर फीका जाता है। मैंने नीचे जोड़ा है जो मैंने सोचा था कि यह होना चाहिए लेकिन वास्तव में यह सुनिश्चित नहीं है कि मैं गलत कहां जा रहा हूं। कोई भी सहायताकाफी प्रशंसनीय होगी।

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

क्लासिक बंद जारी करना ..

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