Javascript 响应式移动和桌面导航jQuery（两个样式表）

我正在建立一个反应灵敏的菜单，我无法回避一个问题。问题是jQuery。。。当处于移动模式（>600px）时，菜单可以正常滑动切换，但当我将其切换回隐藏状态，然后调整其大小时（jQuery会在调用

时将
display:none
添加到您的内联样式中。slidetoggle（）

和内联样式总是覆盖您的样式表

jQuery(document).ready(function() {

    jQuery('.menubutton').click(function() {

        jQuery('.nav-menu').slideToggle(400, function() {
            jQuery(this).toggleClass("nav-expanded")

            /* I added this here */
            if(!jQuery(this).hasClass('nav-expanded')) {
                jQuery(this).css('display', '')
            }

        });
    });
});