Problem med jQuery Tabs och jFlow-function!

Hej alla,

jag har en enkel tab-funktion skapad med jquery (http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/).

Sen har jag en content slider som heter jFlow (http://return-true.com/jflow-slide-example/)

Tab-funktionen ser ut så här:

$(".tabs-content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tabs-content:first").show();
	
$("ul.tabs li").click(function() {
	$("ul.tabs li").removeClass("active");
	$(this).addClass("active");
	$(".tabs-content").hide();
	var activeTab = $(this).find("a").attr("href");
	$(activeTab).show();
	return false;
});

JFlow-funktion:

$("#products-nav").jFlow({  
		slides: "#slider",   
		controller: ".jFlowControl",  
		slideWrapper : "#jFlowSlide",  
		selectedWrapper: "jFlowSelected",    
		width: "290px",    
		height: "380px", 
		duration: 400,  
		prev: ".jFlowPrev", 
		next: ".jFlowNext"
	});

När jag placerar jFlow-funktionen i första tabben så visar den innehållet jFlow-containern (#slider), men placerar jag den i en annan tab så visar den inte innehållet alls i containern längre.

Har ingen aning om vad detta beror på. Verkar skumt!

Använder mig också av jquery 1.4.2!