Finish the script

There's a table. There are several groups of images (semi-transparent). When hovering over one of the images, it becomes full-color and full-color images become the same (have the same class).
Implemented through style:
span.hovered {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)
filter: alpha(Opacity=100); /* Semi-transparency for IE*/
opacity: 1.0; /* Semi-transparency for other browsers */
?
span
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40)
filter: alpha(Opacity=40); /* Semi-transparency for IE*/
opacity: 0.40; /* Semi-transparency for other browsers */
?
Script:
$(document.ready(function()) {
$('.hover span').hover().
function({var hit=this.className; $(".hover span."+hit.)toggleClass('hovered');}
function(){$(".hover span.hovered").removeClass('hovered');}
);
}
Transparency is required by the first click, the second removal of the fixation