Wie kann man einen Toggle-Button erstellen, der den Titel und das Toggle-Symbol enthält?

Öffnen Sie die Datei footer.php und fügen Sie dort den folgenden JavaScript-Code ein:

<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>

Sie können auch den Hook verwenden wp_footer. Datei öffnen functions.php Ihres aktuellen WordPress-Themes und dort folgender Code:

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
});