появление div после закрытия menu

[DynkanMaclaud]

Ссылка

Нажмите на черный квадратик, далее нажмите на первую ссылку (Главная) , закроется менюшка и появится черный квадрат(Малевича). Я хочу чтобы он появлялся после того как менюшка обратно заедет и написал условие

$('#main').click(function lolka() {

				 $('#wrap').animate({right: "0px"}, 500);
				 $('#navicon').removeClass('open');
				$('#navicon').addClass('closed');
				
				var boxes=document.getElementById('box'),
				     wrapper=document.getElementById('wrap');



				if (wrapper.style.right=='0px'){
					
				boxes.style.display='block';
				}
				
				
					
					
				
	 			
  });

Здесь ниче сложного по клику на ссылку (Главная) обёртка (wrap) меняет стиль на right:0px; а потом ЕСЛИ wrapper имеет стиль right=0px; выполнить код что в скобках.

Тогадки: я думаю что когда кликаешь на ссылку, то он сразу проверяет условие а так как на момент нажатия у wrap right=-200px; то он ниче и не показывает)) Вопрос а как сделать так чтобы появлялся блок после того как wrap станет right=0px;???


Знает кто как сделать через setTimeout???

[DynkanMaclaud]

setTimeout('document.getElementById("box").style.display="block"',500);

Я разобрался... вот через settimeout... Невкурсе как сделать чтобы он появлялся и опасите изменялось от 0 до 1 , 0.1 0.2 0.3 ... ?????

[hfts_rider]

Задай в стилях opacity 0, а потом скриптом напиши

$('класс').animate({opacity: "1"}, 400);

[DynkanMaclaud]

Спасибо Райдер ...