bom pessoal, achei uma solução para meu problema utilizando jquery. obrigado para meu amigo Roger que tentou me ajudar, infelizmente não serviu mas fica minha gratidao. seguem os codigos: CSS e HTML body {
font: 12px Verdana, Geneva, sans-serif;
}
#conteudo {
border:1px solid #CCCC33;
padding:10px;
margin-top:10px;
width:500px;
}
<a id="exibir" href="#">Exibir DIV</a>
<div id="conteudo">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam pulvinar, enim ac hendrerit mattis, lorem mauris vestibulum tellus, nec porttitor diam nunc tempor dui. Aenean orci. Sed tempor diam eget tortor. Maecenas quis lorem. Nullam semper. Fusce adipiscing tellus non enim volutpat malesuada. Cras urna. Vivamus massa metus, tempus et, fermentum et, aliquet accumsan, lectus. Maecenas iaculis elit eget ipsum cursus lacinia. Mauris pulvinar.
<a id="ocultar" href="#">Ocultar DIV</a>
</div>
Jquery:
$(document).ready(function(){
$(‘#conteudo’).hide();
$(‘a#exibir’).click(function(){
$(‘#conteudo’).show(‘slow’);
});
$(‘a#ocultar’).click(function(){
$(‘#conteudo’).hide(‘slow’);
})
});