Add class to div based on url slug

Design help Custom code
1

Hi,

I’m trying to add a class (.active) to a div (.target) on page load when the URL has a specific slug (#active). Is that possible with java script?

Here is my site Read-Only: Webflow - Test Site

2

With JS, certainly. Check the URL, find your div, add your class.

1 Like
3

Thanks, this seems to work:

<script>
document.addEventListener('DOMContentLoaded', function () {
    if (window.location.hash === '#active') {
        var targetDiv = document.querySelector('.target');
        if (targetDiv) {
            targetDiv.classList.add('active');
        }
    }
});
</script>
1 Like