Implementação botão ocultar/mostrar conteúdo para artigo ou imagem

  • Autor Autor CesarMart
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
CesarMart

CesarMart

1
Zeta
Programador
Verificación en dos pasos activada
Suscripción a IA
Hola amigos, estaba tratando de implementar un botón "spoiler" que muestre y oculte el contenido al presionarlo. La idea es que en lugar de un botón sea texto, algo así como un "leer mas" pero que oculte una porción de texto del artículo o una imagen específica.

Me encontré con un código en Internet que supuestamente realiza esta acción, pero lo coloco en una entrada (desde la pestaña HTML) y no funciona, si aparece, pero al darle clic no muestra el contenido oculto.

El código es el siguiente:

Inserir CODE, HTML ou PHP:
<div class="divspoiler">
<a href="javascript:void(0);" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" >Mostrar / Ocultar ▼▲</a>
</div><div><div class="spoiler" style="display: none;">
Aquí el contenido que queremos ocultar
</div></div>

Espero alguien me pueda dar una mano :encouragement:
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Enlace eliminado a mi también me funciona bien.
 
También lo probé con esa página y si funciona bien, por eso me parece raro. En mis blogs al hacer clic en mostrar simplemente no pasa nada. ¿Qué crees que pueda ser? 😕

sino te funciona en tu sitio, algun otro code esta interfiriendo. fijate si en la consola del navegador tienes algun error
 
Creo que wordpress no permite ejecutar código en el panel de escritura, es por eso que no te funciona, lo ideal seria que lo hicieras con un shortcode.
Te dejo un ejemplo, a ver si te sirve: https://www.nosegraze.com/how-to-hide-spoilers-in-your-reviews-blogger-wordpress/ .

Saludos

Gracias, ese si funciona hasta ahora, aunque prefería el anterior porque el spoiler quedaba como simple texto :encouragement:

sino te funciona en tu sitio, algun otro code esta interfiriendo. fijate si en la consola del navegador tienes algun error

Lo probé en otro sitio, con otro tema, y termine con el mismo resultado :sorrow:
 
Voltar
Topo