$( '#box').click(function() {
    if($( '#box').data("click")!=="front"){
    $( ".item" ).animate({ "font-size": "3em", "height":"60%"}, { duration: "0" }); 
    $( ".info" ).animate({ height: "toggle" }, { duration: ".6" });
    $( "button" ).animate({ opacity: "1" }, { duration: "2" });
    $("#box").data("click", "front");
  } else {
    $( ".item" ).animate({ "font-size": "5em", "height":"100%"}, { duration: "0" });
    $( ".info" ).animate({ height: "toggle" }, { duration: ".6" });
    $( "button" ).animate({ opacity: "0" }, { duration: ".4" });
    $("#box").data("click", "back");
  }
}); // http://tympanus.net/Tutorials/CaptionHoverEffects/index3.html