$(document).ready(function() {

 //To switch directions up/down and left/right just place a "-" in front of the top/left attribute

 //Vertical Sliding

 $('.boxgrid1, .boxgrid2, .boxgrid3, .boxgrid4').hover(function() {

 $(".cover", this).stop().animate({ top: '-35px' }, { queue: false, duration: 200 });

 }, function() {

 $(".cover", this).stop().animate({ top: '0px' }, { queue: false, duration: 400 });

 });

});