This project demonstrates the "accordion" effect using the mootools javascript frameworks. By utilizing this effect your can place more on a page with less space taken up. I will demonstrate some of the things that can be done with this. The examples I show on here are just a taste of what you can do with the mootools Javascript frameworks and this one effect I am showing you here.
You can visit mootools for more information and also get your own built mootools javascript frameworks the way you want it. The one that is included in the project file is version 70 and has all the features that are offered.
You can download my project files here DOWNLOAD FILES
You can download the video for this tutorial below from one of the mirrors
> Video Download Mirror 1
> Video Download Mirror 2
NOTE: You will need something like 7zip or IZArc or anything else that handles the 7z format to extract the movie. Also you will need Quicktime or something that handles MOV files to play the video.
Here is an example with an image at one the side of this text as well as an image below. You can see that this type of effect would be beneficial if you are displaying a series of images or a gallery of some type.
Here is some text below the image as well. Just to show you can mess with images and still not have a large affect on the boxes.
This is not an active form this is just a dummy form to show that with mootools you can have the ability to create an even more interactive page. Mootools comes with Ajax functions as well so you can make it so this form would use those Ajax functions and the user will never have to reload the page or be sent to another page by submitting a form.