Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom, vejam o simples código que eu desenvolvi:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">function showText(e) {
theObject = document.getElementById("text");
theObject.style.visibility = "visible";
}
function hideText() {
theObject = document.getElementById("text");
theObject.style.visibility = "hidden";
}
</script>
</head>
<body>
Quando expandir, eu pretendo que desapareça este texto e abra simultaneamente o texto oculto.<br>
Este código atual, abre o texto oculto, mas este texto continua.<br>
<a onclick="showText(event);" href="java script://" class="link-cinza">Detalhes</a>
<div id="text" style="visibility:hidden;">
Conteúdo oculto deve aparecer sozinho na página.<br>
Mas atulmente está abrindo junto com o texto acima.
<span><a onclick="hideText();" href="java script://" class="link-cinza">Fechar</a></span>
</div>
</body>
</html>Ao invés de clicar em expandir e simplesmente abrir o texto oculto, eu queria que sumisse o texto original.
Exemplo:
Texto original - clique aqui para expandir
(e ao clicar, some a frase acima e aparece o conteúdo oculto)
Este é o conteúdo oculto, exibindo apenas ele na página, sem o texto original - clique para fechar
(e ao fechar, some novamente o texto oculto e exibe apenas o texto original, como no início da página)
Deve ser algo bem simples, mas como estou iniciando no javascript estou com dificuldades nisso.
E se possível, como eu faço para mudar a ordem, de abrir inicialmente na página o texto oculto e depois se o usuário quiser encolher, daí ele clica em fechar?
Obrigado.
Carregando comentários...