JAvaScript - powolne wyświetlanie DIVa

Question

Witam
Może mi ktoś powiedzieć dlaczego powoli ten kod nie działa poprawnie?

 

function onas()
	{       document.getElementById("slajder2").style.opacity=0;
		    document.getElementById("slajder2").innerHTML="Jakiś napis";	
		    document.getElementById("slajder2").style.visibility="visible";	
			wyswietl();
			 
	}
	
	
	function wyswietl()
	{
		if(document.getElementById("slajder2").style.opacity!=0.85)
		{
				document.getElementById("slajder2").style.opacity+=0.05;
                setTimeout(wyswietl,50);
		}
		else;
	}

 

<div class="logo_button" id="o_nas" onmouseover="onas()" >O Nas</div>

Po najechaniu na diva o_nas opacity wzrasta tylko do 0.05 jakby funkcja wyswietl() tylko raz zadziałała lub nie dodawała kolejnych wartości.


Proszę o pomoc.

Answer 1

Pomiędzy 14 a 15 linijką dodaj 

console.log( document.getElementById("slajder2").style.opacity );

i wszystkiego się dowiesz : )

Comments

Jakbym coś jeszcze z tego rozumiał :)

---

* hmm.. to może tak?

console.log( document.getElementById("slajder2").style.opacity += 0.5 )

Answer 2

Nie latwiej byloby na CSSie to zrobic?