Проблема с отображением элемента
 

pageConstant = 'http://site.ru/url/';
pageTemporary = location.href;
if(pageTemporary==pageConstant){
	window.onload = function () {
	    var elements = document.getElementsByClassName('classElement');
	    for (i = 0; i < elements.length; i++) {
	        elements[i].style.display = 'none';
	    }
	}
} else {
	window.onload = function () {
	    var elements = document.getElementsByClassName('classElement');
	    for (i = 0; i < elements.length; i++) {
	        elements[i].style.display = 'visible';
	    }
	}
}

Есть блок div. Работает в компоненте. На странице http://site.ru/url/ - он не должен быть виден. на всех последующих:http://site.ru/url/1/ , etc. должен появляться. Кусок кода, который приведен выше, эту задачу В ПРИНЦИПЕ решает, однако, при загрузке страницы, видно этот блок, и после загрузки страницы он пропадает. как сделать так, что бы он не появлялся при загрузке на url http://site.ru/url/ вообще?

P.S. в css стилях этого блока div не ставил, т.к. после загрузки изменить на нужном урле его стиль - не получилось. Может кто-нибудь знает как с этим можно побороться? Спасибо!

pageConstant = 'http://site.ru/url/';
pageTemporary = location.href;
if(pageTemporary==pageConstant){
	document.ready = function () {
	   $(".classElement").css('display','none');
	    }
	}
}

Решил сам, всем спасибо!