javascript - 移动菜单 - 展开和折叠

Question

我使用 jquery 创建了一个响应式移动菜单。除了菜单切换外，一切正常。默认情况下，菜单是展开的。我希望菜单默认折叠，当单击单词菜单时它展开，然后能够在选择时展开和折叠。唯一需要考虑的是还有一个普通的导航菜单，显示和布局不同。我希望此菜单始终处于事件状态。我只希望默认情况下隐藏(折叠)移动菜单，然后在单击时展开。

我已经将投影上传到 jsfiddle:link http://jsfiddle.net/qdhg0r9d/

谢谢

Answer 1

只需添加

@media screen and (max-width: 600px) {    
#collapse-menu{
    display:none;
    }
}

对于您的 CSS，当屏幕宽度小于 600px 时，默认情况下会隐藏它，然后当您单击切换按钮时，jQuery 会通过添加内联样式 display:block; 来覆盖它并再次显示