Expand boxes in two directions by clicking
On the home page of a site that I am building I have five boxes at the top, each with their own content. When the user clicks anywhere in one of the boxes the box should expand to the space occupied by all five boxes, covering them. I should be able to have any content in the first view and any content, including images, in the second box, and as the box expands the old content should gradually fade out and the new content should gradually appear. In the new larger box there should be a large X at the upper right. When the user clicks the X the box should gradually shrink until it reaches the original size and all the other boxes should reappear.
This is pretty much working on my site now except that it is working on hover, not on click. You can see it here: http://184.108.40.206. The box at the upper left is expanding to the right and down, covering the other boxes (it should cover all five, not just four). The other boxes should do the same thing.
14 freelancers estão ofertando em média $84 para esse trabalho
So basically i would have to change the hover to click and make the upper left to hide all? Can start [login to view URL] you provide ftp access or give me the files?