Cordova - 在页面内外滑动div

Question

我正在创建一个cordova应用程序，我有一个左侧菜单，我想根据用户请求（点击某些内容）滑入和滑出。问题是，如果页面有一些内容，第一次菜单幻灯片我可以看到它的内容，但当我把它滑出来，下次我想要滑入它，我可以看到div但内容是没有出现。

<style>
 .left-menu {
    transition: all ease 1s;
    left: -100%;
    ...etc...
  }

 .left-menu.active {
    left: 0;
  }
</style>

<div class="view">
  <div class="menu"></div>
  <div class="left-menu">..content...</div>
  ...some content that scrolls the page...
</div>

<script>
 var opened = false;

 $(".menu").click(function() {
   if(opened) {
     $("left-menu").removeClass("active");
   else
     $("left-menu").addClass("active");
   opened = !opened;
 }
</script>

此代码适用于我桌面计算机上的Chrome浏览器，但不适用于带有Chrome 30.0.0.0嵌入式webview的MotoX，adobe cordova。