demos/sortable/connect-lists-through-tabs: finetuning + automatic tab switch after item is removed from the list

1 files changed, 8 insertions, 6 deletions

diff --git a/demos/sortable/connect-lists-through-tabs.html b/demos/sortable/connect-lists-through-tabs.html
index d3a91a33c..1744c0eb9 100644
--- a/demos/sortable/connect-lists-through-tabs.html
+++ b/demos/sortable/connect-lists-through-tabs.html
@@ -14,17 +14,19 @@
 	</style>
 	<script type="text/javascript">
 	$(function() {
-		$("#sortable1, #sortable2").sortable({
-		}).disableSelection();
+		$("#sortable1, #sortable2").sortable().disableSelection();
 
-		$("#tabs").tabs();
+		var $tabs = $("#tabs").tabs();
 
-		$("#tabs a").droppable({
+		var $tab_links = $("a",$tabs).droppable({
 			accept: ".connectedSortable li",
 			drop: function(ev, ui) {
-				var $target = $($(this).attr('href')).find('.connectedSortable');
+				var $link = $(this);
+				var $list = $($link.attr('href')).find('.connectedSortable');
+
 				ui.draggable.hide('slow', function() {
-					$(this).prependTo($target).show();
+					$tabs.tabs('select', $tab_links.index($link));
+					$(this).appendTo($list).show('slow');
 				});
 			}
 		});