I am looking forward to find a jQuery code that allows me to have the following behaviour (in the pictures). So I have a grid as shown below and if someone clicks on the red area (a DIV), that div will cover (go over the top) the boxes around it (two boxes from right or left side, one underneath or at the top)
And if he clicks again, the div goes back to its normal position and size
I can't figure out how do I achieve this? I would appreciate if someone can help please.

Stage 1:
<http://img341.imageshack.us/img341/461/stage1.jpg>

![enter image description here](https://i.stack.imgur.com/gXNxl.jpg)

Stage 2:
<http://img153.imageshack.us/img153/9601/stage2n.jpg>

![enter image description here](https://i.stack.imgur.com/pCYbL.jpg)