Spoiler de vídeos javascript html?

Verbling · 05/03/2015

uso blogger y escondo videos de Live Webcams, Live Video, Live Streaming, Live Broadcast, Live People on Vaughn Live coloco su Embed Code en unos 30 spoiler :welcoming: el problema es que cuando pongo mostrar el primer spoiler en un post se abren todos y se lagea 😱

use este codigo probe cambiando los numeros de 1 a 2 y asi sucesivamente en mostrar y #spoiler > y no me funciono

PHP:

<input onclick="window.location='#mostrar1';" type="button" value="Mostrar"/>
<input onclick="window.location='#';" type="button" value="Ocultar" />
<div id="spoiler1">
<div id="mostrar1">

...Aquí el contenido que quieres ocultar...

</div>
</div>
<style>
#spoiler1 > div {display: none;}
#spoiler1 > div:target {display: block;}
</style>

¿que codigo usar?

gracias.

zerkc · 17/03/2015

tienes que ajustar tu codigo

HTML:

<input onclick="window.location='#mostrar1';" type="button" value="Mostrar"/>
<input onclick="window.location='#';" type="button" value="Ocultar" />
<div id="spoiler1">
<div id="mostrar1">

...Aquí el contenido que quieres ocultar...

</div>
</div>
<style>
#spoiler1 > div {display: none;}
#spoiler1 > div:target {display: block;}
</style> 
.
.
.
.

<input onclick="window.location='#mostrar2';" type="button" value="Mostrar"/>
<input onclick="window.location='#';" type="button" value="Ocultar" />
<div id="spoiler2">
<div id="mostrar2">

...Aquí el contenido que quieres ocultar...

</div>
</div>
<style>
#spoiler2 > div {display: none;}
#spoiler2 > div:target {display: block;}
</style>
.
.
.

<input onclick="window.location='#mostrar3';" type="button" value="Mostrar"/>
<input onclick="window.location='#';" type="button" value="Ocultar" />
<div id="spoiler3">
<div id="mostrar3">

...Aquí el contenido que quieres ocultar...

</div>
</div>
<style>
#spoiler3 > div {display: none;}
#spoiler3 > div:target {display: block;}
</style>
.
.
.

<input onclick="window.location='#mostrar[N]';" type="button" value="Mostrar"/>
<input onclick="window.location='#';" type="button" value="Ocultar" />
<div id="spoiler[N]">
<div id="mostrar[N]">

...Aquí el contenido que quieres ocultar...

</div>
</div>
<style>
#spoiler[N] > div {display: none;}
#spoiler[N] > div:target {display: block;}
</style>


PS: 
[N]: es el numero el cual le darás según la cantidad

Spoiler de vídeos javascript html?

Verbling

zerkc

Tópicos similares