I managed to come up with this, which seems to work to some extent. <script> $(document).ready(function(){ $('input#go').click(function() { if($(this).attr("checked")) { $("tr").animate({ opacity: 0.2, }, 500 ); } else { $("tr").animate({ opacity: 1, }, 500 ); } }); }); </script>
My next problem is how can I tell only the selected row to fade. At the moment everything that is a <tr> is fading. Is there a way of passing a style to the tr and then fading that style? Also, I want to apply a red striped background image to the faded row. How do i fade in a background-image?