Ajuda Menu Deslizante JavaScript

eXalt

Membro
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:
Código:
<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
 
Back
Topo