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>