Come rendere il pulsante di espansione/chiusura incluso il titolo e l'icona di espansione/chiusura

Apri il file footer.php e aggiungi lì il seguente codice JavaScript:

<script>
window.addEventListener('load', (e) => {
        document.querySelectorAll('.woof_container_inner h4').forEach(function (h) {
            if (h.querySelector('a.woof_front_toggle')) {
                h.style.cursor = 'pointer';
                h.addEventListener('click', function (e) {
                    h.querySelector('a.woof_front_toggle').click();
                    return false;
                });

            }
        });
    });
</script>

Puoi anche usare l'hook wp_footer. Apri il file functions.php del tema WordPress corrente e il seguente codice:

add_action('wp_footer', function() {
    ?>
    <script>
        window.addEventListener('load', (e) => {
            document.querySelectorAll('.woof_container_inner h4').forEach(function (h) {
                if (h.querySelector('a.woof_front_toggle')) {
                    h.style.cursor = 'pointer';
                    h.addEventListener('click', function (e) {
                        h.querySelector('a.woof_front_toggle').click();
                        return false;
                    });

                }
            });
        });
    </script>
    <?php
});