Witam.
Napisałem taki kod. Mam jednak problem, chciałbym aby wyswietlanie jednego podmenu odbywało się po zakończeniu zanikania poprzedniego,a nie działo się równoczesnie. Jak to zapisac?

<!DOCTYPE html>
<html>
<head>
  <style>
  
  body { background-color: #445566 }
 #menu1  { width: 300px; height: 80px; position: absolute; left: 50px; top: 250px; background-color: #FFFFFF; z-index: 2;}
	#menu1a1  { width: 100px; height: 80px; position: absolute; left: 600px; top: 250px; background-color: #FFFFFF;display: none; }
	#menu1a2  { width: 100px; height: 80px; position: absolute; left: 600px; top: 400px; background-color: #FFFFFF;display: none; }
	#menu1a3  { width: 100px; height: 80px; position: absolute; left: 600px; top: 600px; background-color: #FFFFFF;display: none; }
 #menu2  { width: 300px; height: 80px; position: absolute; left: 50px; top: 360px; background-color: #FFFFFF; z-index: 2;}
 	#menu2a1  { width: 100px; height: 80px; position: absolute; left: 400px; top: 250px; background-color: #FFFFFF;display: none; }
	#menu2a2  { width: 100px; height: 80px; position: absolute; left: 400px; top: 400px; background-color: #FFFFFF;display: none; }
	#menu2a3  { width: 100px; height: 80px; position: absolute; left: 400px; top: 600px; background-color: #FFFFFF;display: none; }
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
        
<script>
function start() {

for ( var i = 1; $("#menu"+i).length; i++)
	{
	$('#menu'+i).click( function() { var a = "#"+this.id; prezentacja(a) });
	}

}
	
var wyswietlane;
function prezentacja(id) {


for ( var i = 1; $("#menu"+i).length; i++)
	{//
	if ( "#menu"+i == id )
		{
		if ($(wyswietlane).length)
			{
			for ( var j = 1; $(wyswietlane+"a"+j).length; j++)
				{
				$(wyswietlane+"a"+j).fadeOut(500);
				}
			for ( var g = 1; $("#menu"+i+"a"+g).length; g++)
				{
				$("#menu"+i+"a"+g).fadeIn(500);	
				}
			}
		else
			{
			for ( var k = 1; $("#menu"+i+"a"+k).length; k++)
				{
				$("#menu"+i+"a"+k).delay(1000).fadeIn(500);	
				}
			}
		wyswietlane = id;
		}
	}//
	}
	
$(document).ready(start);
</script>


		<div id="menu1"><h1 class="ukryty"></h1></div>
		<div id="menu2"><h1 class="ukryty"></h1></div>
		
		<div id="menu1a1"></div><div id="menu1a2"></div><div id="menu1a3"></div>
		<div id="menu2a1"></div><div id="menu2a2"></div><div id="menu2a3"></div>

</body>
</html>