This shows the slide animation in jQuery. This allows you to slide elements up and down. This can be useful as a teaching tool to hide answers to questions or other information as demonstrated below. The creator of the page can edit the style of the panel as well as how quickly the panel moves across the page.
This shows a stop animation in jQuery. This uses the same animation as the last exaple but adds a stop button which halts the progress of the animation. The animation can be resumed by clicking the top buton panel again.
This shows fade in in jQuery. this causes elements to fade into view on the page. You can control the style of these elements as well as the speed that they fade in at. I have put the speeds (in milliseconds) in each box.