当屏幕被调整大小时，jQuery-div不会关闭

Question

我有这个代码，当单击搜索图标时将显示Hello-World div。我想这只发生在screen size is < 768px。

我面临的问题是，股利不隐藏时screen is > 768px，如果DIV首先在screen size < 768px打开，并调整屏幕之前没有关闭。

$(document).ready(function() { 
    $('#showsearch').click(function() { 
    $('.input-display').slideToggle("fast"); 
    }); 
}); 

我的jsfiddle，打开div，不关闭，并调整屏幕大小！

我该如何防止这种情况发生？

Answer 1

由于您使用JavaScript来显示/隐藏div，因此您必须在css中使用!important来覆盖JavaScript添加的内联样式（display: block;）。试试这个：

.input-visible { 
    display: none !important; 
}