La etiqueta Spoiler es bastante popular en los foros, según wikipedia la definición es:

En los comentarios o críticas relativos a obras artísticas, principalmente las que pertenecen al género narrativo (cine, literatura, videojuegos, cómic, series televisivas, etc.) puede ser necesario mencionar elementos que constituyen un adelanto de lo que acontecerá en la historia o detalles de la misma. Estos párrafos donde se revela total o parcialmente el argumento, son usualmente llamados spoilers.

en otras palabras, se usa para poner información que quizás otros usuarios no quieren leer, y solo se mostrará la información oculta si le dan click en mostrar, y ya arruinarse el final de la película es problema de él por curioso

Un Ejemplo:
Aqui un ejemplo real de como seria una etiqueta (TAG) Spoiler en nuestro foro

Me gusto la pelicula es especial cuando

al final el protagonista aprende sus nuevas habilidades

Creando nuestro TAG SPOILER


Vamos a la Parte de creacion de BB CODES, y le ponemos los siguientes datos:

1. Título: Etiqueta Spoiler con boton mostrar/ocultar
2. BB Code Tag Name: SPOILER
3. Reemplazo:
   
   Código PHP:

   <table width="90%" border="0" align="center" cellpadding="2" cellspacing="2" >
  <tr><td bordercolor="#2c2c2c"><fieldset class="bbfieldset"><div>
    <div class="pre-spoiler">
      <input type="button" value="Spoiler: click para ver" style="width:200px;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 = 'Spoiler: click para ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Spoiler: click para ver';}">
    </div>
    <div>
        <div class="spoiler" style="display: none;"><table width="100%" height="100%">
  <tr>
    <td>{param}</td>
  </tr>
</table>
</div>
    </div>
</div></fieldset></td></tr></table> 

4. Ejemplo: [spoiler]Ahora puedes ver el Texto[/spoiler]
5. Descripción: Permite que tengas Texto con un boton para ver/ocultar
6. Usar {option}: NO
7. Imagen de Botón: Te recomiendo ponerle esto , sobre todo para que salga en el editor cuando los users escriban
8. al 11. Dejar esas opciones como estan

Y luego al escribir los Post solo hay que hacer:
[spoiler] Texto, video, url, todo lo que queramos que este oculto hasta que presionen en el botón [/spoiler]
y el resultado será

Texto, video, url, todo lo que queramos que este oculto hasta que presionen en el botón

Joseph Córdova

Hola queria ver como tengo que hacer para que me quede algo como esto.

Y tambien esto: