jQuery Collapsible Tabs
Tab 1
Tada! We revealed our first batch of information. Look at all these words that appeared out of no where. We do this by using hide() and show() on the div.
Tab 2
Some of the event methods we use:
- ready()
- click()
- toggleClass()
- attr(value)
- next()
- hide()/show()
- preventDefault()
- find()
- focus()
Tab 3
You'll notice that the images by each header are actually a background image. In the CSS for h2 and h2.minus you'll see the plus is used as the background for h2 and the minus for h2.minus. We'll change the image by toggling the class on and off.