Javascript 顶部幻灯片菜单问题

我使用Codrops教程重新创建了这个菜单。现在，我想让它从顶部滑动，但问题是，在这种情况下，它覆盖了我的“菜单”按钮，所以我不能向后滑动并隐藏它

由于我不擅长使用JavaScript，我想问一些人如何做到这一点？我相信在HTML代码的底部脚本中只有一两行代码需要更改

有人能帮我修一下吗？我所要寻找的是，当用户点击菜单下方的空白时，菜单会隐藏回来。那太棒了

这是我的JSFIDLE：

提前谢谢大家

我更新了你的JSFIDLE，你可以像这样添加关闭按钮，你可以根据你的需求来设计它

---

jsiddle Link:

有两种可能：1您需要滑动带有菜单的按钮，这样它就不会被菜单覆盖；2在菜单中提供一个关闭按钮，并在单击时隐藏菜单。谢谢。如何在菜单中提供关闭按钮？使用JavaScript？太好了！谢谢。这是你添加的唯一部分吗？好的。我是这样做的，效果很好：菜单，非常感谢！！！六羟甲基三聚氰胺六甲醚。。。它实际上在JSFIDLE中工作，但在HTML中进行相同的更改时不起作用。怎么会呢？现在明白了。它工作完美！再次感谢：

<script>
        var menuTop = document.getElementById( 'cbp-spmenu-s3' ),
            showTop = document.getElementById( 'showTop' ),
            body = document.body;

        showTop.onclick = function() {
            classie.toggle( this, 'active' );
            classie.toggle( menuTop, 'cbp-spmenu-open' );
            disableOther( 'showTop' );
        };

        function disableOther( button ) {
            if( button !== 'showTop' ) {
                classie.toggle( showTop, 'disabled' );
            }
        }
    </script>