当屏幕大小更改时，重写jquery中的slidetoggle属性。

Question

当我将屏幕宽度增加到653px以上时，

slidetoggle隐藏我的菜单项。否则它将覆盖我的display flex属性以进行阻止，从而使菜单行更加明智。当我的屏幕宽度超过653像素时，我想保留其属性。

这是我的jquery代码

function name()
{
    $(document).ready(function() { 
        $('.list-of-bar').slideToggle();

     })
}
document.querySelector("#menu-icon").addEventListener("click",name)          

用于媒体查询的CSS样式表：

@media (max-width:653px)
{

.pagename #menu-icon{
    display: block;
}
    .list-of-bar{
        display:none;

    }
    .bar-active{
        display: block;    
    }
}

我想使用slidetoggle选项，但也想保留我将屏幕调整为正常大小后使用的flex属性。