Today we are going to look into anther really cool plugin for jQuery – Flip. It allows to flip elements right on the web page.

For the starters we are going to need jQuery 1.2.6 and jQuery UI for it. After that we are going to need togo the plugin developer’s site and download it.

The plugin has the following variables:

* Direction: the direction of the flip (tb, bt, rl, lr)
* bgColor: the color of the of the block in the beginning of the movement
* color: the color of the block in the end of the movement
* speed: the speed of the movement
* content: defines new content of the block after the movement (text, html, or jQuery object)

So in order to unfold verticaly a block named id=”myBlock” in a half of a second. and to have it in white first and then turn it into black  and then in the end to change the content of the block with to ic=”myNewBlock” then we are going to use this code:

Continue reading »