🔺🔻 Crea un BOTÓN de "MOSTRAR MÁS", utilizando ELEMENTOR

[@motivaeducacion]

Excelente. Muy bien.

[@marialejandradiaz8821]

Me pasé toda la tarde viendo vídeos de 20 min para agregar este botón. Me resolviste horas nada más en los primeros 4 min. Te ganaste una suscriptora

[@miguelmoyamontero5624]

eres un crack men, qué nivel el tuyo.

[@soypedrourbina]

Bro.. sigue así compartiendo buen contenido... Espero llegue pronto a los 1000 subcriptores

[@helloeveryonewp]

¡Muchas gracias maestro! Esperemos que así sea jaja

[@PabloBreitfeld]

brillante tutorial, lo hice pero tengo un problema. Tengo 4 columnas cada una con un conmutador, pero cuando despliego una el resto de las columnas también se expanden en altura, y en tu ejemplo si haces click en un conmutador, el resto queda estático. Me estará faltando configurar algo? mil gracias

[@marialluchgomez4063]

Muy bueno tu tutorial . Me ha ayudado mucho.❤❤

[@SolucionesTPP]

Muy buen contenido

[@soyerikavarelaAV]

Qué bien!! Toda la mañana buscando algo como esto y era así de fácil!
Una pregunta, ¿hay alguna manera de que cuando el texto esté desplegado, el título cambie a "mostrar menos" ?? Gracias!!

[@helloeveryonewp]

Hola Erika! ☺ Por supuesto! Aunque vas a tener que utilizar un pequeño código JavaScript:
1. Primero, agrega el widget "HTML" de elementor, en alguna sección de la página (no te preocupes, cuando veas la previsualización de la página, no se verá el bloque).
2. Luego copia y pega la siguiente función:
// Reemplaza el ID de ésta primera variable, con el ID del botón de tu widget:
//ID del botón "Mostrar más":
let toggleBox = document.getElementById('elementor-tab-title-7691');
//Clase CSS del del botón (por defecto es ésta, así que lo deberías dejar igual):
let toggleA = toggleBox.querySelector('.elementor-toggle-title');
//En ésta función se captura el evento 'click' del botón y se reemplaza el texto del , cada vez que se le hace click:
toggleBox.addEventListener('click', function() {
if (toggleA.innerText === "Mostrar más") {
toggleA.innerText = "Mostrar menos";
} else {
toggleA.innerText = "Mostrar más";
}
});
Con ése script, el texto cambiará de "Mostrar más" a "Mostrar menos" cada vez que se le haga click 😉 Espero te sirva!

[@soyerikavarelaAV]

Hay algo que no estoy haciendo bien 🙃y no sé qué es porque estoy siguiendo todos los pasos al pie de la letra. Voy a seguir intentándolo.
Muchas gracias!! Me has servido de muchísima ayuda@@helloeveryonewp

[@helloeveryonewp]

@@soyerikavarelaAV Mmmm... habría que ver cual puede llegar a ser el problema. Hagamos una cosa: voy a abrir un canal de Discord, para que podamos armar un buena comunidad y compartirnos soluciones o solicitudes de ayuda para que tengamos todo un espacio colaborativo 😎

[@marialluchgomez4063]

Una cosa. He seguido todas tus indicaciones al pie de la letra y he creado 5 fichas. Todo perfe de to pero cuando le doy a previsualizar , en la primera ficha se queda pegada a la segunda y en la primera columna debajo del botón me aparece un montón de Codigo que ni me deja quitarlo. Como lo puedo solucionar?

[@helloeveryonewp]

Creo que se a lo que te refieres... es un bug que tiene elementor. Lo solucionas agregando el css adicional siguiente:
style{
display: none;
}
Ese bug, imprime los estilos de elementor. Pero con ese css, lo solucionarás 🙌

[@marialluchgomez4063]

Muchas gracias😊

[@marialluchgomez4063]

En que parte lo añado? En la columna o en el conmutador ?