- The last control we'll take a look at in this chapter…is the accordion control.…So, scroll down to the accordion section in the snippets…and open up Accordion_start in your editor.…Now, before we make any changes,…let's take a look at the content of the page.…Here I have a div with an id of accordionCtrl,…which we'll use in just a moment.…But, you can see that I have some content broken up…into various sections.…I have a header here,…followed by a div which contains some content,…and then I have another header with div and content,…and so on down the page.…
I have four sections of content in all.…Now, if I just show this in the browser,…without doing anything to the page,…you can see that this is just plain HTML…with some sections and some content.…So, I'm going to convert this into an accordion control,…which you've probably seen on other websites.…Accordion controls are usually used to break up…groups of information that the user can read individually.…So, let's go back to the code…and in the snippets, we're going to build a…
Skill Level Beginner
1. Basic jQuery UI Widgets
2. Advanced jQuery UI Widgets
3. Behaviors and Effects
4. jQuery UI Utilities
Next steps1m 8s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.