Jquery显示隐藏切换

我有一个脚本，在单击时滑动切换元素。代码如下：

$(document).ready(function() {
  $(".accord").click(function() {
    $(this).next(".accordContent").slideToggle("fast");
  });
});

但是，当屏幕分辨率低于790px时，我希望元素的默认值为不显示。我在一个媒体查询中尝试了这一点，但当低于该分辨率时，上面的脚本无法工作。我猜这会混淆它，需要JQuery中的更多内容。有什么想法吗？

试试这个：

$(document).ready(function() {
    var winWidth = $(window).width();

    if (winWidth < 790){
     $(".accordContent").hide();
}

    $(".accord").click(function() {
    $(this).next(".accordContent").slideToggle("fast");
    });
});

$（文档）.ready（函数（）{
var winWidth=$（window.width（）；
如果（winWidth<790）{
$（“.content”）.hide（）；
}
$（“.accord”）。单击（函数（）{
$（this.next（“.content”）.slideToggle（“fast”）；
});
});

仍然不起作用。我尝试这样做是为了确保窗口已完全加载，而这只是完全停止了功能。如果屏幕<790，默认情况下accordContent元素是要隐藏的元素（display:none），您可以制作一个JSFIDLE，或者显示更多代码吗？您可能需要等待整个窗口加载了$（window.load）（function（）{//Run code}）而不仅仅是文档；我用对我有用的东西更新了答案。这只是为了最初隐藏“.accordContent”的内容。另外，我在js fiddle中的屏幕宽度大于900，所以我必须缩小一点以进行测试。@Adam这对我来说很有用Adam。如果你更新你的原始代码，我会投票支持你。谢谢你的帮助