Show/Hide div com "onmouseover"

[Led Lemos 0]

Fala galera,

 

peguei um site para atualizar e um item me pegou de surpresa (é bem ruim pegar trabalhos de outras pessoas, não é verdade?). Como nunca mexi tanto em javascript (começando agora...), precisarei da ajuda de vocês aqui, que sabem tudo rsrs

 

Então, veja no link http://ciadoar.art.br/cancao-inicio.php as capas dos discos Archeiro e Álbum triplo.

 

Quando acontece o onmouseover, aparece no caso do Archeiro a div de lançamento, porém está falhando como deve dar para perceber.. rsrs

 

E no caso do álbum triplo ocorre a mesma coisa, só que em outra div...

 

O que poderia ser feito para funcionar perfeitamente esse efeito?

 

Desde já agradeço

 

Abraços

[Snowden 94]

jQuery

$("#capa").mouseover(function(){
    $('#image').show();
}).mouseout(function(){
    $('#image').hide();
});

[Led Lemos 0]

Consegui utilizando:

 

function mostra() {
	document.getElementById('lancamento').style.display = 'block';
}
function esconde() {
	document.getElementById('lancamento').style.display = 'none';
}

 

Agora, como se faz para animar isso? Fazer em fade como "está" o que fiz utilizando o Dreamweaver?