function toggleClass(ids, option) {
    ids.forEach(id => {
        var element = document.getElementById(id);
        var className = element.getAttribute("class").replace(/ .*/,'');
        console.log(className);
        if (id === option) {
            element.classList.replace(className, "selected");
        } else {
            element.classList.replace(className, "not-selected");
        }
    })
}

function navbarCollapse() {
    var element = document.getElementById('nav');
    if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
        console.log('here')
        element.classList.add("navbar-shrink");
        element.classList.add("fixed-top");
    } else {
        element.classList.remove("navbar-shrink");
        element.classList.remove("fixed-top");
    }
};
navbarCollapse();
window.onscroll = function() { navbarCollapse() };