Javascript 始终在ECSS中显示汉堡菜单

如何始终在导航栏ECS上显示菜单图标？与单击时一样，抽屉显示，反之亦然

Html:

JS:

$（'.button collapse'）.sideNav({
menuWidth:300，//默认值为240
边：'左'，//选择水平原点
closeOnClick:true//单击关闭侧面导航，对角度/流星有用
}
);

在第行

，再添加一个类

。在大的
上显示


更多信息：
谢谢！这就回答了问题。
<nav class="default" role="navigation">
    <div class="nav-wrapper">
      <a href="#!" class="brand-logo center">Brand</a>
      <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
      <ul class="right hide-on-med-and-down">
        <li><a href="#">Login</a></li>
        <li><a class="waves-effect red waves-light btn">Sign up</a></li>
      </ul>
      <ul class="side-nav" id="mobile-demo">
        <li><a href="#">Login</a></li>
        <li><a href="#">Sign up</a></li>
      </ul>
    </div>
  </nav>

$('.button-collapse').sideNav({
      menuWidth: 300, // Default is 240
      edge: 'left', // Choose the horizontal origin
      closeOnClick: true // Closes side-nav on <a> clicks, useful for Angular/Meteor
    }
  );