[...]... file will be jquery. ui. tabs.css The main page will include the following base files: "jqueryui/development-bundle /ui /jquery. ui. widget.js"> "jqueryui/development-bundle /ui /jquery. ui. tabs.js"> The jquery. js file is here at the same level as the jqueryui directory This file is the standard jQuery JavaScript file The core.js... under the jQuery UI installation directory (jqueryui) 4 | Chapter 1: Introduction to jQuery UI Figure 1-4 The ui- lightness theme JavaScript files The ui directory (located under development-bundle) contains the JavaScript files The jquery. ui. core.js file includes the basic features (mandatory), while other files will be included only if required The file ending in custom.js (e.g., jquery- ui- 1.8.16.custom.js)... href=jqueryui/development-bundle/themes /ui- lightness /jquery. ui. theme.css /> 8 | Chapter 1: Introduction to jQuery UI For the base file in the compressed version of the page, replace the smoothness directory with ui- lightness (shown in bold here): The HTML page will... (e.g., jquery- ui- 1.8.16.custom.css) as in the compressed version Sample HTML page including compressed files Here, we want to display a simple page with two tabs (as before): Only two files are now required... replace smoothness with ui- lightness For each base file in the uncompressed version of the page, simply replace the smoothness directory with ui- lightness (shown in bold here): 8 | Chapter... under the jQuery UI installation directory, here jqueryui) contains the JavaScript files Only the jquery- ui- 1.8.16.custom.min.js file is needed here The other file in the directory is the compressed version of jQuery CSS files The css directory (located under the jQuery UI installation directory, here jqueryui) contains a subdirectory for each CSS theme installed (e.g., the smoothness and ui- lightness . " ;jquery. js"></script> <script src = "jqueryui/development-bundle /ui /jquery. ui. core.js"></script> <script src = "jqueryui/development-bundle /ui /jquery. ui. widget.js"></script> <script. jquery. ui. theme.css. The jquery. ui. all.css file includes all files (that is to say, jquery. ui. base.css and jquery. ui. theme.css). Finally, the file ending with custom.css (e.g., jquery- ui- 1.8.16.custom.css). src = "jqueryui/development-bundle /ui /jquery. ui. tabs.js"></script> <link rel=stylesheet type=text/css href=jqueryui/development-bundle/themes/smoothness /jquery. ui. core.css