Added support for multiple tab elements on same page.

jquery.tabs.js

@@ -1,24 +1,25 @@
 (function($){
 	$.fn.tabs = function() {
-		var dlHeight;
-		var el;
-		el = this;
-
-		el.addClass('enhance');
-		dlHeight = el.height();
+		this.each(function() {
+			var el = $(this);
+			el.addClass('enhance');
+			var dlHeight = el.height();
 
-		el.find('dd').hide();
-		var current = el.find('dt:first').addClass('current');
-		var currentHeight = current.next('dd').show().height();
-		el.css('height', dlHeight + currentHeight);
+			el.find('dd').hide();
+			var current = el.find('dt:first').addClass('current');
+			var currentHeight = current.next('dd').show().height();
+			el.css('height', dlHeight + currentHeight);
+		});
 
 		$('dt a').click(function(e){
 			e.preventDefault();
 
 			$(this).parents('dl').find('.current').removeClass('current').next('dd').hide();
 			var current = $(this).parent('dt').addClass('current');
 			var currentHeight = current.next('dd').show().height();
-			el.css('height', dlHeight + currentHeight);	
+			var dlHeight = $(this).parents('dl').removeAttr('style').height();
+
+			$(this).parents('dl').css('height', dlHeight + currentHeight);	
 		});
 	}
 })(jQuery);

tabs.css

@@ -5,6 +5,7 @@ body {
 dl {
 	position: relative;
 	float: left;
+	clear: left;
 	width: 500px;
 }
 	dl.enhance {