>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3555327. --> Reported by: [anruether](https://www.drupal.org/user/894458) Related to !158 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>With the way accordions are implemented, we get a flash of unstyled content of the content which is then hidden by JS. There is no easy workaround like display: none for the time the JS class is missing, because the content is needed for the height calculation in JS. How can we omit FOUC? </p> <h4 id="summary-steps-reproduce">Steps to reproduce</h4> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <h3 id="summary-remaining-tasks">Remaining tasks</h3> <h3 id="summary-ui-changes">User interface changes</h3> <h3 id="summary-api-changes">API changes</h3> <h3 id="summary-data-model-changes">Data model changes</h3>