jQuery Demo

Some simple demonstrations, as well as some links, for quick jQuery awesomeness

Expand/Collapse Toggling

All the expand/collapse functions on the class website (mograph.ookb.co) are provided by a few lines of JS added at the end of the document. This is because jQuery already has all the code written in its library, you just need to know how to call and target it, as well as what few conditions to set (like speed, etc.)

Try the demo

Hint, google "jQuery Accordian" for more tips, tricks, etc.

This can also be done with definition lists, (dl instead of ul or ol) as they already have title areas and then attached content areas of the list...

Also, you can put anything you want inside of these containers, images, text, whatever.

Learn More Here

Demo 1
Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.
Demo 2
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
Demo 3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

Slideshows