Reply To: Collapsed Field Groups as Default

• louiswalch

• December 19, 2017 at 6:06 am

I know this is a super old thread, but thought I would share my improvements to the solution above.

– I’m hiding the content with CSS at first to prevent page jump and them being momentarily visible while the page loads. This CSS is then removed once JS has been applied.
– Just adding the -collapsedclass to .layout was making other elements on the page (like metaboxes) also collapse.

    function ACF_flexible_content_collapse() {
        ?>
        <style id="acf-flexible-content-collapse">.acf-flexible-content .acf-fields { display: none; }</style>
        <script type="text/javascript">
            jQuery(function($) {
                $('.acf-flexible-content .layout').addClass('-collapsed');
                $('#acf-flexible-content-collapse').detach();
            });
        </script>
        <?php
    }

    add_action('acf/input/admin_head', 'ACF_flexible_content_collapse');