[JavaScript]Wywołanie skrypty przy kliknięciu w button, Akcja wykonywana jest dopiero przy drugim kliknięciu, dlaczego? Opcje

[rozny]

Cześć, popełniłem sobie taki oto skrypt:

[PHP] pobierz, plaintext 
function descriptionSwitcher(id, photo) {
 
		var status = document.getElementById(id);
		var photos = document.getElementById(photo);
 
		if (status.style.display == 'none') {
 
			status.style.display = 'block';
			photos.style.display = 'block';
 
		}
 
		else {
 
			status.style.display = 'none';
			photos.style.display = 'none';
 
		}
 
	}
[PHP] pobierz, plaintext 

Wywołuję go poprzez kliknięcie w button, np:

[HTML] pobierz, plaintext 
<button onClick="descriptionSwitcher('room_comfort', 'photo_comfort');">Pokaż opis</button>
[HTML] pobierz, plaintext 

Generalnie skrypt działa, jednak żeby zadziałał za pierwszym razem muszę kliknąć button 2 razy. Potem działa już co kliknięcie. Dlaczego tak się dzieje?

Pozdrawiam!

Ten post edytował rozny 15.04.2014, 11:14:19

[nospor]

Skrypt dziala za kazdym razem, tylko ze zapierwszym razem style.display ma inną wartosc niz ci sie wydaje przez co twoje IFy zle dzialają....
A wystarczylo zrobic:
alert(status.style.display);
....

[rozny]

dzięki za odpowiedź Nospor. zrobiłem alert i wyświetla pusty ciąg. dodałem do bloków atrybut style bezpośrednio w htmlu. czy to oznacza, że w przypadku takiego skryptu nie ma znaczenia co ustawię w arkuszu stylu? pewnie w jQuery można to obejść...

[mlawnik]

Jeżeli w jQuery da się obejść, to w czystym js na pewno też.

[nospor]

style.display odnosi się bezposrednio do stylu elementu a nie do arkusza css