$(document).ready(function(){
 
$("div.one").hover(
function() {
$(this).stop().animate({"opacity": "0.2"}, "fast");
},
function() {
$(this).stop().animate({"opacity": "1"}, "fast");
});

$("div.two").hover(
function() {
$(this).stop().animate({"opacity": "0.2"}, "fast");
},
function() {
$(this).stop().animate({"opacity": "1"}, "fast");
});
 
$("div.three").hover(
function() {
$(this).stop().animate({"opacity": "0.2"}, "fast");
},
function() {
$(this).stop().animate({"opacity": "1"}, "fast");
});
 
$("div.four").hover(
function() {
$(this).stop().animate({"opacity": "0.2"}, "fast");
},
function() {
$(this).stop().animate({"opacity": "1"}, "fast");
});

$("div.five").hover(
function() {
$(this).stop().animate({"opacity": "0.2"}, "fast");
},
function() {
$(this).stop().animate({"opacity": "1"}, "fast");
});

$("div.six").hover(
function() {
$(this).stop().animate({"opacity": "0.2"}, "fast");
},
function() {
$(this).stop().animate({"opacity": "1"}, "fast");
});

$("div.seven").hover(
function() {
$(this).stop().animate({"opacity": "0.2"}, "fast");
},
function() {
$(this).stop().animate({"opacity": "1"}, "fast");
});

$("div.eight").hover(
function() {
$(this).stop().animate({"opacity": "0.2"}, "fast");
},
function() {
$(this).stop().animate({"opacity": "1"}, "fast");
});

 
});