小编Smi*_*dhi的帖子

我想在侧边栏菜单打开时显示叠加层。并在单击叠加层时关闭菜单。

这是我所做的：

 $(document).ready(function() {

    $('#menu-toggle').click(function(e) {
      e.preventDefault();
      $('#wrapper').toggleClass('toggled');
      $('#overlay').toggle();
    });

    $('#overlay').click(function() {
      $('#overlay').hide('200');
      $('#wrapper').removeClass('toggled');
    });
  });


#overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: rgba(0,0,0,.5);
}

这是演示 - https://jsbin.com/vasisedoha/edit?css,js,output

我的代码工作正常。

我坚持让动画看起来不错。请帮我修复动画效果。

我想要android棒棒糖，材料设计类型的效果。