How to use JQuery .each( ) to iterate through 47 divs?
<p>I have a basic understanding of how .each() works based on whats in the jquery docs, but I dont really understand how I can apply it to something that has a large amount of elements. I have a map I made using SVG. currently each section of the map lights up on a onmouseover function. </p>

<pre><code>      $('.shape').mouseover(function(){
    // $('.shape').css({fill:#5df8b8;})
    shape_id = $(this).attr('id');
    console.log($(shape_id));
    $("#" + shape_id).css("fill", "#5df8b8");
    $('.hidden').each(function(i){
      //show each div on hover over 
    });


  });
  $('.shape').mouseleave(function(){
    console.log("you left a zip");
     $('.shape').css("fill", "white");
     $('.hidden').hide();
  });
</code></pre>

<p>I have a div for each section of the map. each div containing information on the area. I want to be able to make each div display depending on where you hover on the map is there something better than .each() for this case? </p>
