Problema

eu to tentando fazer com que minha div ao clicar no link ela seja ocultada, ou se ele estiver ocultada ela apareça.

ate aqui eu fiz, so q eu queria que qd ela fosse ocultada o conteudo abaixo da div subisse.

vo por meu codigo, posso ta errando nele.

<div id="op1">
 <p>2 vagas para Designer >> <a href="javascript: showHidden('detalhes')" class="opLink" style="color:#666666;">veja mais</a></p>
 <div id="detalhes" style="visibility:hidden; position:relative;">
 <p>Oi</p>
 </div>
 <p>2 vagas para Desenvolvedor >> <a href="javascript: showHidden('detal1')" class="opLink" style="color:#666666;">veja mais</a></p>
 <div id="detal1" style="visibility:hidden; position:relative;">
 <p>Algo a mais</p>
 </div>
 </div>

a função q eu uso é essa

function showHidden(id)
{
if(document.getElementById(id).style.visibility == "hidden")
{

	document.getElementById(id).style.visibility = "visible";
}

	document.getElementById(id).style.visibility = "hidden";
}
}

falo??? http://forum.imasters.com.br/public/style_emoticons/default/joia.gif