Fancybox jquery multiple popup boxes

I am using this http://fancybox.net/example for my code.

<a id="view1" href="#box1">Click1</a>

<div id="box1" style="display:none;">
<a id="view2" href="#box2">Click2</a>
</div>

<div id="box2" style="display:none;">
</div>

I开发者_运维知识库 implement fancybox on a#view1 and a#view2 so that when people click on Click1 it will open fancybox. Then if they click on Click2 button within that fancybox, it will open box2. I want to do it as if the shape of box1 "transform" into shape of box2 but I could not do it. Although I think what I can do is to hide box1 and show box2, it is not desired. Can someone help?

you will need to place jquery code to close/hide the required layer. BTW, if you use Thickbox, life might be more easier, as it has wider community