In previous chapters we've combined several widgets so that we can see how well they work together and this chapter will be no exception. We can easily place other UI widgets into the dialog, such as the accordion widget that we looked at in the last chapter. In a new file in your text editor create the following page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <link rel="stylesheet" type="text/css" href="development-bundle/themes/smoothness/ui.all.css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery UI Dialog Example 17</title> </head> <body> <div id="myDialog" title="An Accordion Dialog"> <div id="myAccordion"> <h2><a href="#">Header 1</a></h2><div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sollicitudin.<...