Jquery Accordion - Expand and collapse div on hover

Jquery Accordion - Expand and collapse div on hover

I have created a basic implementation of the accordion but not close to
what i want it to be.
Link: http://jsfiddle.net/mwqhp/
Jquery code:
$(function () {
$('.box').hover(function () {
$(this).stop(true,true).animate({
width: '+=300',
height: '+=300'
}, 500);
}, function () {
$(this).stop(true,true).animate({
width: '-=300',
height: '-=300'
},500)
});
});
Here's the link to what i wanted to replicate from. This is the sprint's
homepage. http://www.sprint.com/mysprint/pages/sl/global/index.jsp
Any help would be appreciated.
Thank you!