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

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/ вообще?
не ставил, т.к. после загрузки изменить на нужном урле его стиль - не получилось. Может кто-нибудь знает как с этим можно побороться?
Как это можно решить на js или jQuery?
Спасибо!

так поствьте) в цсс
на других страницах его покажите через style.display = 'block'

к сожалению не получается, сам пробовал. скрыть - скрывает, после полной загрузки документа. а вот поставить block или visible - не получается.

может селектор не срабатывает, тоесть в elements не то что нужно
посмотрите что там

for (i = 0; i < elements.length; i++) {
console.log (elements[i]);
elements[i].style.display = 'visible';

elements[i].style - неопределено. странно.

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

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