Select large blue button for tabbed dialog. (MentorsOnline browser extension simulated via JS here.)


jQuery UI
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.
Tabs | jQuery UI
Fetch external content via Ajax for the tabs by setting an href value in the tab links. Tabs 3 and 4 demonstrate slow-loading and broken AJAX tabs, and how to handle serverside errors in those cases. Note: These two require a webserver to interpret PHP. They won't work from the filesystem.
Theming | jQuery UI API Documentation
jQuery UI includes a robust CSS Framework designed for building custom jQuery widgets. The framework includes classes that cover a wide array of common user interface needs, and can be manipulated using jQuery UI ThemeRoller.
Hosted Libraries:
The Google Hosted Libraries is a stable, reliable, high-speed, globally available content distribution network for the most popular, open-source JavaScript libraries.
Tabbed Dialog Example (
<li class="ui-tab-dialog-close">
.ui-dialog .ui-dialog-titlebar-close { 
  position: absolute; 
  right: .3em; 
  top: 50%; 
  width: 19px; 
  margin: -10px 0 0 0; 
  padding: 1px; 
  height: 18px; 
  background-image: url("images/ui-icons_888888_256x240.png"); 

  console.log("mo_btn_main clicked");