如何在push page ons中关闭正在滑动的菜单

<ons-splitter>
  <ons-splitter-side side="left" width="200px" collapse swipeable>
    <ons-list>
      <ons-list-item modifier="chevron" onclick="closeMenu()">菜单项1</ons-list-item>
      <ons-list-item modifier="chevron" onclick="closeMenu()">菜单项2</ons-list-item>
      <ons-list-item modifier="chevron" onclick="closeMenu()">菜单项3</ons-list-item>
    </ons-list>
  </ons-splitter-side>
  <ons-splitter-content>
    <ons-navigator>
      <ons-page>
        <ons-toolbar>
          <div class="left">
            <ons-toolbar-button onclick="toggleMenu()">
              <ons-icon icon="ion-navicon" size="28px"></ons-icon>
            </ons-toolbar-button>
          </div>
          <div class="center">页面标题</div>
        </ons-toolbar>
        <p>页面内容</p>
      </ons-page>
    </ons-navigator>
  </ons-splitter-content>
</ons-splitter>

<script>
  function toggleMenu() {
    var menu = document.querySelector('ons-splitter-side');
    menu.toggle();
  }

  function closeMenu() {
    var menu = document.querySelector('ons-splitter-side');
    menu.close();
  }
</script>