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.