Exploring widget compatibility
In the previous chapter, we saw that both the resizable and the selectable components 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 file in your text editor, add the following code:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Sortable Tabs</title>
<link rel="stylesheet" href="development-bundle/themes/redmond/jquery.ui.all.css">
<script src="js/jquery-2.0.3.js"></script>
<script src="development-bundle/ui/jquery.ui.core.js"></script>
<script src="development-bundle/ui/jquery.ui.widget.js"></script>
<script src="development-bundle/ui/jquery.ui.mouse.js"></script>
<script src="development-bundle/ui/jquery.ui.sortable.js"></script>
<...
