Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   появление div после закрытия menu (https://javascript.ru/forum/events/49360-poyavlenie-div-posle-zakrytiya-menu.html)

DynkanMaclaud 09.08.2014 19:05

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

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

$('#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 09.08.2014 19:27

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


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

hfts_rider 09.08.2014 19:41

Задай в стилях opacity 0, а потом скриптом напиши
$('класс').animate({opacity: "1"}, 400);

DynkanMaclaud 11.08.2014 10:37

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


Часовой пояс GMT +3, время: 20:52.