fade en un div con dysplay: none

[scorpionhack]

buenas tengo un div el cual esta en display none que lo quiero hacer visible con un fade in y acerlo desaparecer con un fade out...

he visto con el motools se puede hacer asi que he puesto la libreria en mi web y luego he visto que con esta funcion se podia hacer...

Código:

var myFunction = function(){
	var div = $('light').setStyles({
		display:'block',
		opacity: 0
	});
	new Fx.Style(div, 'opacity', {duration: 1000} ).start(1);
};

pero luego ejecuto la funcion con esto...

Código HTML:

<a href = "#" onclick="myFunction()"> 

y no funciona y esta todo correcto por que el div que quiero mostrar es el div "light" mercii

[Fenris]

Hola scorpionhack

Pruebalo asi.

Código:

var myFunction = function(){
	var div = $('light').setStyles({
		'display':'block',
		'opacity':'0'
	});
	new Fx.Style(div, 'opacity', {duration: 1000} ).start(1);
};

[scorpionhack]

no me funciona tampoco ni siquiera se me muestra el div en ninguno de los dos casos...