Simple Jquery Animation

Simple Jquery Animation

See the site contained at http://www.troynotes.com/vslfg

Note the layout of the page.
– Header
– Video
– Blank Space ( a hidden div at start0
– Terms of conditions

View source
Note the the javascript timer to show the div.

If left alone it unhides/shows the hidden div, which contains a buy button image.

The Goal is
1) to instead of hiding it, have the layout like

– Header
– Video
– Terms of conditions

which is actually
– Header
– Video
– *zero height buy button div*
– Terms of conditions

which with a javascript call expands the zero height div and moves the Terms of conditions down.

So it will look like:
– Header
– Video
– exposed buy button
– Terms of conditions

Use the source on that page (e.g. firefox view source) the important part is not the flash, just that the div animates out instead of just appearing.

Please use Jquery for this. If you don’t know what that is, you aren’t qualified for this project.

This links might be useful
http://stackoverflow.com/questions/244758/jquery-animation-smooth-size-transition
http://api.jquery.com/animate/

Deliver me a zip of just that home page with a html link/button that triggers the expansion.

Leave a Reply

Your email address will not be published.