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?
