Javascript 如何重置jquery应用的内联css？

我已经更新了自制的响应菜单，但在调整大小时，菜单消失了，这是我的一个问题

当我将窗口缩小到1100px以下并打开响应菜单时，一切正常。但是，当我关闭响应菜单时，Jquery应用了display:none内联属性

这使我的屏幕消失时，我重新调整到全宽

我需要一些方法来覆盖或删除所有正常工作的内联css。有人能建议如何解决这个问题吗

$（文档）.ready（函数（）{
$（'.button open'）。单击（函数（）{
$（'.navigational menu'）。滑动切换（'test'）；
$（this.toggleClass（'button-close'）；
});
});

如果没有其他内联css属性，请尝试使用更新的笔

....
$（'.navigational menu'）。滑动切换（'test'，function（）{
if（$（'.navigational menu'）.css（“显示”）=“无”）{
$（'.navigational menu'）.removeAttr（“样式”）；
}
});
....

如果没有其他内联css属性，请尝试使用更新的笔

....
$（'.navigational menu'）。滑动切换（'test'，function（）{
if（$（'.navigational menu'）.css（“显示”）=“无”）{
$（'.navigational menu'）.removeAttr（“样式”）；
}
});
....

如果没有其他内联css属性，请尝试使用更新的笔

....
$（'.navigational menu'）。滑动切换（'test'，function（）{
if（$（'.navigational menu'）.css（“显示”）=“无”）{
$（'.navigational menu'）.removeAttr（“样式”）；
}
});
....

如果没有其他内联css属性，请尝试使用更新的笔

....
$（'.navigational menu'）。滑动切换（'test'，function（）{
if（$（'.navigational menu'）.css（“显示”）=“无”）{
$（'.navigational menu'）.removeAttr（“样式”）；
}
});
....

您没有正确使用codepen。请在

$（窗口）中测试屏幕宽度。在（'resize'）

上，如果您需要此处的帮助，您需要正确提交您的问题。codepen有什么问题？您将所有内容放在一个块中，html、css和JS有单独的块。如果您在一个无法正常工作的文件中转储，则说明您没有正确使用codepen。请在

$（窗口）中测试屏幕宽度。如果您需要此处的帮助，请在（'resize'）

上正确提交您的问题。我对codepen有何错误？您将所有内容放在一个块中，html、css和JS有单独的块。如果您在一个无法正常工作的文件中转储，则说明您没有正确使用codepen。请在

$（窗口）中测试屏幕宽度。如果您需要此处的帮助，请在（'resize'）

上正确提交您的问题。我对codepen有何错误？您将所有内容放在一个块中，html、css和JS有单独的块。如果您在一个无法正常工作的文件中转储，则说明您没有正确使用codepen。请在

$（窗口）中测试屏幕宽度。如果您需要此处的帮助，请在（'resize'）

上正确提交您的问题。我对codepen有何错误？您将所有内容放在一个块中，html、css和JS有单独的块。如果你像这样把垃圾倒进一个不起作用的垃圾桶，那就更好了。

<script>
    $(document).ready(function() {
        $('.button-open').click(function() {
            $('.navigational-menu').slideToggle('test');
            $(this).toggleClass('button-close');
        });
    });
</script>

<script>
    ....
    $('.navigational-menu').slideToggle('test', function() {
        if($('.navigational-menu').css("display") == "none"){
            $('.navigational-menu').removeAttr("style");
        }
    });
    ....
</script>