增加浏览器大小时Jquery隐藏响应导航

Question

我有一个导航条，当窗口低于一定宽度时，它就会隐藏起来。会出现一个菜单按钮。当按钮切换到显示菜单，然后切换到隐藏它，然后窗口大小增加到肚脐保持隐藏。我认为jquery切换是在添加内联样式，它正在覆盖css。

我怎么才能阻止这一切的发生？

$('#responsive_nav_trigger').click(function(){
  $('#top_nav').toggle('fast');
});

@media screen and (min-width: 760px) {
    #top_nav{
        display: inline-block;
    }
}
@media screen and (max-width: 760px) {
    #responsive_nav_trigger{
        display: block;
    }
    #top_nav{
        display: none;
        float: left;
        width: 100%;
        clear: both;
    }
    #top_nav li{
        width: 100%;
        height: 25px;
        font-size: 1em;
        float: left;
        margin: 5px 0;
        padding: 0;
        text-align: center;
    }
}

Answer 1

请用

display: inline-block!important;