In the previous chapter, we saw that both the resizables and the selectables component worked well with the tabs widget (and we already know how well the dialog and resizables components go together). The sortable component is also highly compatible with other widgets. Let's look at a basic example. In a new page in your text editor, add the following code:
<!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/base/ui.core.css"> <link rel="stylesheet" type="text/css" href="development-bundle/themes/base/ui.theme.css"> <link rel="stylesheet" type="text/css" href="development-bundle/themes/base/ui.tabs.css"> <link rel="stylesheet" type="text/css" href="css/sortableTabs.css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery UI Sortable...