由于toggle函数,div被隐藏

我有个叫迪夫的人 closeknop menu 一些 .css 造型,但当我使用 .click 在 它否决了我的css显示表达式。

闭合把手 当屏幕尺寸小于 989px 使用 media only screen display:block 它得到了 display:none media only 它得到了 当我准备好的时候 显示:无 .

所以,为了解决我的问题,我试着用 console.log() .toggle() 到 .click()

我的问题是:我是不是在做错事 。切换() 在这个javascript中?

二者兼而有之 .click and .toggle jsfiddle

代码:

$(function(){
    let menu = ('.nav-nav');
    console.log('nou')
    $(".closeknop").toggle(function() {
        console.log('nee gewoon niet');
        $(menu).css('height', '300px');
    }, function() {
        $(menu).css('height', '0');
    });



});

.closeknop{
    display:none;
    width: 50px;
    height: 50px;
    background: blue;
}

@media only screen and (max-width: 989px){
  .closeknop{display:block;}
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="closeknop"></div>