$(document).ready(function() {
$('#div1').hover(
    function () {
        $(this).stop().animate({backgroundColor:'#e4e4e4'}, 300);
        }, function () {
        $(this).stop().animate({backgroundColor:'#ffffff'}, 300);
    });
});

$(document).ready(function() {
$('#div2').hover(
    function () {
        $(this).stop().animate({backgroundColor:'#e4e4e4'}, 300);
        }, function () {
        $(this).stop().animate({backgroundColor:'#ffffff'}, 300);
    });
});

$(document).ready(function() {
$('#div3').hover(
    function () {
        $(this).stop().animate({backgroundColor:'#e4e4e4'}, 300);
        }, function () {
        $(this).stop().animate({backgroundColor:'#ffffff'}, 300);
    });
});

$(document).ready(function() {
$('#div4').hover(
    function () {
        $(this).stop().animate({backgroundColor:'#e4e4e4'}, 300);
        }, function () {
        $(this).stop().animate({backgroundColor:'#ffffff'}, 300);
    });
});

$(document).ready(function() {
$('#div5').hover(
    function () {
        $(this).stop().animate({backgroundColor:'#e4e4e4'}, 300);
        }, function () {
        $(this).stop().animate({backgroundColor:'#ffffff'}, 300);
    });
});