调整事件大小。添加和删除类

Question

我做错了什么？当文档宽度>比952和＆lt; 1152我想添加＆＃34; d-none＆＃34;到具有id＆＃34; r5＆＃34;的元素并同时删除font-awesome图标类＆＃39; ＆＃34; d-none＆＃34;。如果宽度>然后......我正在删除课程＃34; d-none＆＃34;其中包含id为＆＃34; r5＆＃34;我添加了课程＆＃34; d-none＆＃34; to fontawesomeicome ..我检查文件宽度。

HTML

    <div class="navigation-menu w-32 flex-row">
        <ul>
            <a href="#"><li class="visible">Раздел1</li></a>
            <a href="#"><li class="visible">Раздел2</li></a>
            <a href="#"><li class="visible">Раздел3</li></a>
            <a href="#"><li class="visible">Раздел4</li></a>
            <a href="#"><li class="visible" id="r5">Раздел5</li></a>
            <a href="#"><li class="d-none" id="fade-i"><i class="fas fa-chevron-circle-down"></i></li></a>
        </ul>
    </div>

JS

    var documentWidth = $(document).width();


$(window).resize(function() {
   if( documentWidth > 952 && documentWidth < 1152){
       document.getElementById("r5").classList.add("d-none");
       document.getElementById("fade-i").classList.remove("d-none");
   } else{
       if(documentWidth > 1153){
        document.getElementById("fade-i").classList.add("d-none");
        document.getElementById("r5").classList.remove("d-none");  
       }    
   }
});