Estoy creando un sitio web donde muestro visualizaciones de datos de Tableau Public. Los estoy incrustando usando el script de incrustación HTML. Me gustaría que los tableros estén ocultos cuando el sitio web se carga al principio y agregar un botón de alternar que muestre el tablero y lo contraiga. Estaba tratando de lograr esto estableciendo la altura de tableauPlaceholder en 0 .tableauPlaceholder { height: 0; } y luego agregarle una clase que establezca la altura en un valor fijo, como este: .show-dashboard { height: 20rem } y darle al botón la funcionalidad para alternar esta clase usando JavaScript.

Este enfoque no funcionó porque el gráfico de Tableau sigue mostrándose aunque la altura sea 0 . Entonces, me pregunto si es posible establecer la altura de un cuadro incrustado en 0. ¿Hay otro enfoque para lograr esto?

Gracias de antemano