概要

Produce_2.mov

設定方法

<script>
    const keyName = 'has-history';
    const hasHistory = localStorage.getItem(keyName);
    window.addEventListener('DOMContentLoaded', (event) => {
        const detailsMenuDrawerContainer = document.querySelector('#Details-menu-drawer-container');
        const observer = new MutationObserver(function(mutations){
            mutations.forEach((mutation) => {
                if(mutation.target.classList.contains("menu-opening")) {
                    if (hasHistory == 'true') {
                        const activeSummaries = document.querySelectorAll('summary.menu-drawer__menu-item--active');
                        activeSummaries.forEach(activeSummary => activeSummary.click());
                    } else {
                        localStorage.setItem(keyName, 'true');
                    }
                }
            });
        });
        const config = { attributes: true };
        observer.observe(detailsMenuDrawerContainer, config);
    });
</script>

{% if childlink.child_active %} menu-drawer__menu-item--active{% endif %}

修正前のコード