﻿/* tabs ohne die ui-tabs von jquery: */

$(document).ready(function() {
	//alles ausblenden, außer dem Inhalt des ersten Tabs & Tab 1 auf selected:
	$("#tabs").children(".ui-tabs-nav").children("li").each(function(i){ 
	 	 if (i == 0){ $(this).addClass("ui-tabs-selected"); }
	 	 if(i>0){
			 $("#fragment-"+(i+1)).css({display: "none"});
		 }
	});
	//bei Klick auf Tab:
	$("#tabs").children(".ui-tabs-nav").children("li").children("a").click(function(){
		//das vorherige wieder ausblenden:
		$("li").removeClass("ui-tabs-selected");
		$("#tabs").children("div").hide();		
		//und das neu gewählte einblenden und Tab auf selected:
		$(this).parent("li").addClass("ui-tabs-selected");
		var wahl = $(this).attr("href");
		$(wahl).show();		
		return false;	
	})
});


