The above screen shots are from a modal that I developed for a cloud based software that keeps track of time-clock data. Each screen shot is a step in the process of adding a department. Being that a modal is a one page object, I used jQuery to hide and show different sections, change, change the title of the page, and and activate certain fields. This gives the user the feeling they are stepping through pages even though all the content is on one page. These pages are also very interactive as each item they select triggers an event, view, or animation.