Написание js кода под разрешения экрана

есть скрипт который выполняется вне зависимости от разрешении экрана.

   $('.wiki-nav-button').on('click',() => {
            $('.wiki_nav').stop().fadeToggle();
            return false;
        });

Можно-ли сделать так, чтобы этот же код выполнялся при разрешении экрана меньше 599px Но другим функционалом

“Например” На данный момент этот скрипт выполняет функцию закрытие и открытие блока, а нужно что бы при нажатии на блок открывался другой, но закрывался первый и опять же при нажатии уже на " второй блок" он скрывался и открывался " третий" Подскажите как реализовать. И закрываться назад это все будет стрелкой. Буду благодарен если объясните подробно.

<div class="p-body-pageContent">
<div class="wiki-nav">
<div class="wiki-nav-button">Блоки</div>
<div class="wiki-nav-button">Предметы</div>
<div class="wiki-nav-button">Профессии</div>
<div class="wiki-nav-button">Расы</div>
<div class="wiki-nav-button">Мобы</div>
<div class="wiki-nav-button">NPC</div>
<div class="wiki-nav-button">Эффекты</div>
<div class="wiki-nav-button">Структуры</div>
<div class="wiki-nav-button">Metacoin</div>
<div class="wiki-nav-button">Зоны</div>
<div class="wiki-nav-button">Планеты</div>
<div class="wiki-nav-button">Чат</div>
<div class="wiki-nav-button">Группы</div>
<div class="wiki-nav-button">Клан</div>
<div class="wiki-nav-button">Кодекс</div>
<div class="wiki-nav-button">Настройки аккаунта</div>
<div class="wiki-nav-button">FAQ</div>

</div><div class="wiki_nav" id="subMenu">
<div class="wiki-nav-button">Ландшафт</div>
<div class="wiki-nav-button">Руды</div>
<div class="wiki-nav-button">Дерево</div>
<div class="wiki-nav-button">Стекло</div>
<div class="wiki-nav-button">Механизмы</div>
<div class="wiki-nav-button">Песчаник</div>
<div class="wiki-nav-button">Камень</div>
<div class="wiki-nav-button">Ядерная энергетика</div>
<div class="wiki-nav-button">Жидкости</div>
<div class="wiki-nav-button">Источники света</div>
<div class="wiki-nav-button">Растения</div>
<div class="wiki-nav-button">Адские блоки</div>

</div><div class="content">
    <div class="block-container" id="container">
    <div class="block-body" id="body">
<p class="items-header">Общее</p>
<div class="items">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
</div>
</div>
    <div class="wiki_less">
    <a href="/xf/index.php?wiki/add" class="right button rippleButton" style="margin-right: 19px;"><span class="button-text">
        Wiki Add
    </span></a>
    <a href="/xf/index.php?wiki/editor" class="right button rippleButton"><span class="button-text">
        Wiki Editor
    </span></a>
</div>
</div>
</div>