Проблема с выпадающим меню [требует правки]

Есть меню:

При нажатии например на "СВИТШОТЫ" выпадает список:

И проблема в том что при нажатии на другую категорию к примеру "ФУТБОЛКИ" не закрывается предыдущая категория "СВИТШОТЫ":

Код html:

        <nav class="small--hide border-bottom" id="AccessibleNav" role="navigation">
        <ul class="site-nav list--inline site-nav--centered" id="SiteNav">

            <li class="site-nav--active">
                <a href="/" class="site-nav__link site-nav__link--main">ГЛАВНАЯ</a>
            </li>

            <li class="site-nav--has-dropdown">
                <a href="#" class="site-nav__link site-nav__link--main" aria-has-popup="true" aria-expanded="false" aria-controls="SiteNavLabel-team">
                    СВИТШОТЫ
                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 498.98 284.49"><defs><style>.cls-1{fill:#231f20}</style></defs><path class="cls-1" d="M80.93 271.76A35 35 0 0 1 140.68 247l189.74 189.75L520.16 247a35 35 0 1 1 49.5 49.5L355.17 511a35 35 0 0 1-49.5 0L91.18 296.5a34.89 34.89 0 0 1-10.25-24.74z" transform="translate(-80.93 -236.76)"></path></svg>
                    <span class="visually-hidden">expand</span>
                </a>
                <div class="site-nav__dropdown" id="SiteNavLabel-team">
                    <ul>
                        <li class="site-nav--active">
                        <a href="/category/assc/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">ASSC</a>
                        <a href="/category/bape/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">BAPE</a>
                        <a href="/category/cdg/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">CDG</a>
                        <!--<a href="/category/converse/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">CONVERSE</a>-->
                        <a href="/category/champion/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">CHAMPION</a>
                        <a href="/category/gucci/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">GUCCI</a>
                        <a href="/category/gosharubchinskiy/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">GOSHA RUBCHINSKIY</a>
                        <a href="/category/thrasher/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">THRASHER</a>
                        <a href="/category/palace/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">PALACE</a>
                        <a href="/category/ripndip/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">RIPNDIP</a>
                        <a href="/category/offwhite/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">OFF WHITE</a>
                        <a href="/category/supreme/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">SUPREME</a>
                        <a href="/category/converse/type-stussy/" class="site-nav__link site-nav__child-link site-nav__link--last">STUSSY</a>
                        <a href="/category/SPUTNIK1985/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">SPUTNIK 1985</a>
                        <a href="/category/tommyhilfiger/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">TOMMY HILFIGER</a>
                        <a href="/category/vetements/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">VETEMENTS</a>
                        <a href="/category/yunost/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">YUNOST</a>
                        <!--<a href="/category/vans/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">VANS</a>-->

                        </li>
                    </ul>
                </div>
            </li>
            <li class="site-nav--has-dropdown">
                <a href="#" class="site-nav__link site-nav__link--main" aria-has-popup="true" aria-expanded="false" aria-controls="SiteNavLabel-team">
                    ФУТБОЛКИ
                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 498.98 284.49"><defs><style>.cls-1{fill:#231f20}</style></defs><path class="cls-1" d="M80.93 271.76A35 35 0 0 1 140.68 247l189.74 189.75L520.16 247a35 35 0 1 1 49.5 49.5L355.17 511a35 35 0 0 1-49.5 0L91.18 296.5a34.89 34.89 0 0 1-10.25-24.74z" transform="translate(-80.93 -236.76)"></path></svg>
                    <span class="visually-hidden">expand</span>
                </a>
                <div class="site-nav__dropdown" id="SiteNavLabel-team">
                    <ul>
                        <li class="site-nav--active">
                        <a href="/category/assc/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">ASSC</a>
                        <a href="/category/bape/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">BAPE</a>
                        <a href="/category/cdg/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">CDG</a>
                        <!--<a href="/category/converse/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">CONVERSE</a>-->
                        <a href="/category/champion/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">CHAMPION</a>
                        <a href="/category/gucci/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">GUCCI</a>
                        <a href="/category/gosharubchinskiy/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">GOSHA RUBCHINSKIY</a>
                        <a href="/category/thrasher/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">THRASHER</a>
                        <a href="/category/palace/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">PALACE</a>
                        <a href="/category/ripndip/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">RIPNDIP</a>
                        <a href="/category/offwhite/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">OFF WHITE</a>
                        <a href="/category/supreme/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">SUPREME</a>
                        <a href="/category/converse/type-stussy/" class="site-nav__link site-nav__child-link site-nav__link--last">STUSSY</a>
                        <a href="/category/SPUTNIK1985/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">SPUTNIK 1985</a>
                        <a href="/category/tommyhilfiger/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">TOMMY HILFIGER</a>
                        <a href="/category/vetements/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">VETEMENTS</a>
                        <a href="/category/yunost/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">YUNOST</a>
                        <!--<a href="/category/vans/type-sweatshirts/" class="site-nav__link site-nav__child-link site-nav__link--last">VANS</a>-->
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </nav>
</div>
</div>

Стили style.css: ТЫК

Js theme.js: ТЫК