У меня есть...
$("#menu_tl").click(function() {
$('.page').fadeOut();
$('.page').animate({
"width": "0px",
"height": "0px",
"top": "50px",
"left": "50px"
});
$('#page1').fadeIn();
$('#page1').animate({
"width": "500px",
"height": "400px",
"top": "-350px",
"left": "-450px"
}, 2000);
});
$("#menu_tr").click(function() {
$('.page').fadeOut();
$('.page').animate({
"width": "0px",
"height": "0px",
"top": "50px",
"left": "50px"
});
$('#page2').fadeIn();
$('#page2').animate({
"width": "500px",
"height": "400px"
}, 2000);
});
Но я хочу сказать, что при нажатии второй функции все измененные css первым должны быть reset. Это означает, что следующая строка неверна:
$('.page').animate({
"width": "0px",
"height": "0px",
"top": "50px",
"left": "50px"
});
неверен и должен быть заменен глобальным reset. Надеюсь, это достаточно ясно...