empor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et
accusam etLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem
ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
At vero eos et accusam etLorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum
dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et Codigo 24
Boxs con Mostrar/Ocultar
Este es un gran codigo ya que puedes ocultar tu box solo con un clik
Codigo
<head>
<script language="javascript">
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) { if (ie4) { return document.all[id]; } else { return document.getElementById(id); } }
function toggle(link, divId) { var lText = link.innerHTML; var d = getObject(divId);
if (lText == '+') { link.innerHTML = '−'; d.style.display = 'block'; }
else { link.innerHTML = '+'; d.style.display = 'none'; } }
</script></head>
<script language="javascript">
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) { if (ie4) { return document.all[id]; } else { return document.getElementById(id); } }
function toggle(link, divId) { var lText = link.innerHTML; var d = getObject(divId);
if (lText == '+') { link.innerHTML = '−'; d.style.display = 'block'; }
else { link.innerHTML = '+'; d.style.display = 'none'; } }
</script></head>
para que aparescan abiertas
<div style="border: 1px solid #000000; padding: 0px; background: #EEEEEE; "><table border="0" cellspacing="0" cellpadding="2" width="100%" style="background: #000000; color: #FFFFFF; "><tr><td>Ejemplo</td><td align="right">
[<a title="show/hide" id="exp1219538502_link" href="javascript: void(0);" onclick="toggle(this, 'exp1219538502');" style="text-decoration: none; color: #FFFFFF; ">−</a>]</td></tr></table>
<div id="exp1219538502" style="padding: 3px;">este codigo es util cuando tienes demaciado texto en una pagina, de esa forma lo comprimes y tarda menos en cargar.
<a href="/portal.html">Volver</a></div>
</div>
[<a title="show/hide" id="exp1219538502_link" href="javascript: void(0);" onclick="toggle(this, 'exp1219538502');" style="text-decoration: none; color: #FFFFFF; ">−</a>]</td></tr></table>
<div id="exp1219538502" style="padding: 3px;">este codigo es util cuando tienes demaciado texto en una pagina, de esa forma lo comprimes y tarda menos en cargar.
<a href="/portal.html">Volver</a></div>
</div>
para que aparescan cerradas
<div style="border: 1px solid #000000; padding: 0px; background: #EEEEEE; "><table border="0" cellspacing="0" cellpadding="2" width="100%" style="background: #000000; color: #FFFFFF; "><tr><td>Otro Ejemplo</td><td align="right">
[<a title="show/hide" id="exp1219538810_link" href="javascript: void(0);" onclick="toggle(this, 'exp1219538810');" style="text-decoration: none; color: #FFFFFF; ">−</a>]</td></tr></table>
<div id="exp1219538810" style="padding: 3px;">modo cerrado, esmejor asi puedes tener mucho texto y que la pagina se vea pequeña lo cual es bueno a la hora de cargar la pagina!</div>
</div>
[<a title="show/hide" id="exp1219538810_link" href="javascript: void(0);" onclick="toggle(this, 'exp1219538810');" style="text-decoration: none; color: #FFFFFF; ">−</a>]</td></tr></table>
<div id="exp1219538810" style="padding: 3px;">modo cerrado, esmejor asi puedes tener mucho texto y que la pagina se vea pequeña lo cual es bueno a la hora de cargar la pagina!</div>
</div>