title: add class and fadeIn using jquery
body: <p>I have the following code:</p>
  
  <pre><code>$("#rade_img_map_1335199662212").hover(function () {
       $("li#rs1").toggleClass("active");  //Toggle the active class to the area is hovered
       $("li#rs1").fadeIn("slow");
  });
  </code></pre>
  
  <p>I need to add the class active then fadeIn. I have css which has <code>li'rs1</code> set to <code>visibility:hidden</code> and when the class is applied i simply style that.</p>
  
  <p>How can i utilise fadeIn?</p>
  
  <p>Also am i structuring this right? - I have 13 different <code>li#rs1</code>, <code>li#rs2</code> ... all the way to <code>li#rs13</code> with different image map ids. This is why i think i need 13 blocks of code.</p>
  
  <p>EDIT: I have area ids so need need to reduce the code down:</p>
  
  <pre><code>$(document).ready(function () {
      $("map#rade_img_map_1335255669666 area#1").hover(function () {
               $("li#rs1").toggleClass("active");  //Toggle the active class to the area is hovered
      });
  });
  </code></pre>