Codigo de Spoiler para nuestras webs

**DyDy** · Tema: Codigo de Spoiler para nuestras webs Jue Mayo 22, 2008 7:11 pm

Bueno aki les dejo este codigo ke es muy util, para ocultar mucho contenido, es un spoiler con boton:

Código:

<div class="pre-spoiler"> <span style="float:left; padding-top: 2px;">AQUI COLOCAN EL TEXTO KE SE VERA PARA DAR CLIC</span> <input type="button" value="Mostrar" style="width:80px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}"> </div> <div> <div class="spoiler" style="display: none;">AQUI ESCRIBEN TODO EL CONTENIDO QUE OCULTARAN</div> </div>

Funciona perfectamente lo probe, tiene un boton para apretar y salga el resto del contenido ,probemos aki:

Clic aqui

____________________________

Spoiler: