$(document).ready(function(){
   
   	$(".imgBox i").css("opacity","0.0")
	$(".imgBox").hover(
      function () {
        $(this).children("i").animate({ 
        height: "20px",
        opacity: 0.8
      	}, 300 );
      }, 
      function () {
        $(this).children("i").animate({ 
        height: "0px",
        opacity: 0.0
      	}, 200 );
      }
    );
   
});