add class and fadeIn using jquery
<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>
