[Resolvido] Menu Deslizante JavaScript

[exalt]

Boas,

É o seguinte tenho um código JavaScript, que faz um menu que abre e fecha, o que desejo é saber como posso fazer para o menu abrir e fechar mas com um efeito deslizante.

O código que tenho é o seguinte:

<script type="text/javascript">
function shDiv(popup)
{

var box = document.getElementById(popup)
var a = document.getElementById(popup + '_a')
var t = document.getElementById(popup + '_t')


a.innerHTML =(a.innerHTML=='Aberto')?'Fechado':'Aberto';
t.className =(t.className=='Tclose')?'Topen':'Tclose';
box.style.display = (box.style.display=='none')?'block':'none';
}
</script>

<div class="shBox" id="box1" style="display:none;">
<div style=" background-color:#000000; width:500px; height:70px; color:#FFFFFF;">
TESTE
</div>
</div>

<span id="box1_t" class="Topen"></span><a href="#" onclick="shDiv('box1');" id="box1_a">Fechado</a>

Para saberem mais precisamente o que desejo aqui fica um exemplo: http://www.shape5.com/demo/index.php

Espero que possam ajudar

Cumps

[Guest id194]

Com JS puro não te posso ajudar, mas se usares uma lib JS tipo jQuery, podes fazer isso muito facilmente..

[exalt]

Com JS puro não te posso ajudar, mas se usares uma lib JS tipo jQuery, podes fazer isso muito facilmente..

se me puderes explicar melhor como fazer agradecia 👍

cumps

[Guest id194]

http://docs.jquery.com/Effects/slideDown

[exalt]

http://docs.jquery.com/Effects/slideDown

ty 🙂