[BBcode] Spoiler V2Tema Solucionado

[DaVidU]

Nombre: Spoiler V2
Autor: DaVidU
Descripción: Este spoiler te permite poner un título y contenido
Fuente: http://www.coloreatuforo.com

---

Uso de BBcode:

Código: Seleccionar todo

[spoiler2={SIMPLETEXT1}]{TEXT}[/spoiler2]

Reemplazo HTML:

Código: Seleccionar todo

<div style="padding: 3px; background-color: #dcebfe; border: 1px solid #0099FF; font-size: 1em;-moz-border-radius: 3px;-webkit-border-radius: 3px;"> 
   <div style="text-transform: uppercase; border-bottom: 1px solid #0099FF; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;    font-family: Tahoma, Geneva, sans-serif; color:#0077b2;-moz-border-radius: 3px;-webkit-border-radius: 3px;"> 
      <span 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.innerHTML = '<b>{SIMPLETEXT1}: </b><a href=\'#\' onClick=\'return false;\'>Ocultar</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>{SIMPLETEXT1}: </b><a href=\'#\' onClick=\'return false;\'>Mostrar</a>'; }" /> 
      <b>{SIMPLETEXT1}: </b><a href="#" onClick="return false;">Mostrar</a></span> 
   </div> 
   <div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #0099FF; font-size: 0.9em;-moz-border-radius: 3px;-webkit-border-radius: 3px;"> 
      <div style="display: none;">{TEXT}</div> 
   </div> 
</div>

Línea de ayuda:

Código: Seleccionar todo

Spoiler2: [spoiler2=TITULO DEL SPOILER]CONTENIDO DEL SPOILER[/spoiler2]

---

Ejemplo:

Código: Seleccionar todo

[spoiler2=Titulo para el Spoiler]Contenido del Spoiler[/spoiler2]

Demo:
Click aquí para ver la demo

Los colores del BBcode se pueden cambiar desde el mismo reemplazo html

[TaloBV]

gracias este andaba buscando XD