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

Question

我已经更新了我自制的响应式菜单，但我遇到了一个问题，即调整大小时菜单会消失。

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

当我调整回全宽时，这会使我的屏幕消失。

我需要一些方法来覆盖或删除内联 css，并且一切正常。有人可以建议如何解决这个问题吗？

Codepen example

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

Answer 1

如果您没有其他内联 css 属性，请尝试更新的 Pen

http://codepen.io/valentinpalkovic/pen/rVOVjR

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