Fade In/Fade Out background color on checkbox - Jquery
<p>I want to fade in / fade out the row background color css when a user checks a checkbox. So when they check it, the row fades in to bright yellow. When they un-check it, the row fades out to white.</p>

<p>This is the JS I am playing with. I am using the color plugin:</p>

<p><code>&lt;script type="text/javascript"&gt; 
    &lt;!-- 
    $(document).ready(function(){ 
        $("#Table input").click(function() { 
                if ($(this).attr("checked") == true) { 
                $(this).parent().parent().animate({'backgroundColor' : '#ffff99'});
                } else { 
                $(this).parent().parent().animate({'backgroundColor' : '#ffffff'});
                } 
        }); 
    }); 
    //--&gt; 
    &lt;/script&gt;
</code></p>

<p>and HTML </p>

<pre><code>&lt;form name="f"&gt; 
&lt;table id="Table" border="1"&gt;&lt;tr&gt; 
    &lt;td width="117"&gt;&lt;input type="checkbox" name="cb1" id="cb1" value="y" /&gt;&lt;/td&gt; 
    &lt;td width="309"&gt;Click me&lt;/td&gt; 
&lt;/tr&gt;&lt;tr&gt; 
    &lt;td&gt;&lt;input type="checkbox" name="cb2" id="cb2" value="y" /&gt;&lt;/td&gt; 
    &lt;td&gt;Click me&lt;/td&gt; 
&lt;/tr&gt;&lt;tr&gt; 
    &lt;td&gt;&lt;input type="checkbox" name="cb3" id="cb3" value="y" /&gt;&lt;/td&gt; 
    &lt;td&gt;Click me&lt;/td&gt; 
&lt;/tr&gt;&lt;/table&gt; 
&lt;/form&gt; 
</code></pre>

<p>I am a complete newbie so thanks for the help</p>
