顶部幻灯片菜单问题

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

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

谁能帮我解决这个问题?我所寻找的是，当用户点击菜单下面的空白，菜单隐藏回来。那太棒了!

这是我的JSFiddle: http://jsfiddle.net/Yqszh/

<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>

提前感谢大家!