网站加载时 Javascript 按钮处于事件状态

Question

我为智能手机等创建了一个具有响应式设计的网站。 当您使用智能手机时，菜单消失，并出现一个按钮来打开菜单。 为了激活按钮，我实现了这个 javascript:

  $(document).ready(function() {
    $('.menubutton').click(function() {
      $('.nav').slideToggle('slow');
    });
  });

但是当我用智能手机访问网站时，菜单是标准的开放式菜单。但我希望如果我访问该网站，菜单将关闭。我该怎么做？

附言: 抱歉，我以前从未真正使用过 javascript :)

Answer 1

使用 CSS media query

@media only screen and (max-width: 500px) { //fix size as you wish
    .nav{
    display:none;
    }
}