display:none != ...style.display='none'. В чем дело?

[tt48]

Доброго всем времени суток.

Есть у меня страничка с ссылками, реализованных на списках.

Так вот, ввиду долгой прогрузки DOM с хостинга скрипт выполнялся с сильной задержкой, после появления содержимого.

Чтобы пресечь такое дело прописал в стилях

<style type="text/css">
	ul.hid li ul.llinks{
		display: none;/* не эквивалентно DOM скрипта */
	}
</style>

Теперь, чтобы первый раз открыть список с ссылками приходится дважды щелкать по заголовку, т.к. условие

function clickNshow(id) {	
var obj=document.getElementById(id);
   if(obj.style.display=='none')//<——————————————-вот это вот
   {
		 obj.style.display='block';
	  }
	  else{		 
		 obj.style.display='none';
	  }
}

не выполняется. В чем дело?

Заранее спасибо.

С ув. Олег.

P.S. http://www.beavers-net.narod.ru/links.html сама страничка со скриптом.

Edited February 19, 2010 by tt48

[Great Rash]

Дело в том, что div.style.display = 'none'; эквивалентно вот такой записи в HTML - <div style="display: none;">.

Я обычно делаю так:

if (obj.style.display == 'none' || !obj.style.display) {
	obj.style.display='block';
} else {		 
	obj.style.display='none';
}

Но можно и поиграться с getComputedStyle.

[s0rr0w]

По умолчанию display = "". Сравнивайте не с none, а с "block"

[tt48]

По умолчанию display = "". Сравнивайте не с none, а с "block"

Хорошее решение.)

Не знал, что он только инлайн-стили принимает за своих х(

Спасибо всем)