Jquery 循环css菜单行为怪异

我有循环菜单。我在这个网站上找到了它：

但它的行为非常怪异。我不能按同一个按钮几次。似乎当我按下一次按钮时，我再也不能按下它了。有人知道问题出在哪里吗

它可能与以下js代码有关：

     (function () {

    var button = document.getElementById('cn-button'),
        wrapper = document.getElementById('cn-wrapper'),
        overlay = document.getElementById('cn-overlay');

    //open and close menu when the button is clicked
    var open = false;
    button.addEventListener('click', handler, false);
    button.addEventListener('focus', handler, false);
    wrapper.addEventListener('click', cnhandle, false);

    function cnhandle(e) {
        e.stopPropagation();
    }

    function handler(e) {
        if (!e) var e = window.event;
        e.stopPropagation();//so that it doesn't trigger click event on document

        if (!open) {
            openNav();
        }
        else {
            closeNav();
        }
    }
    function openNav() {
        open = true;
        button.innerHTML = "-";
        classie.add(overlay, 'on-overlay');
        classie.add(wrapper, 'opened-nav');
    }
    function closeNav() {
        open = false;
        button.innerHTML = "+";
        classie.remove(overlay, 'on-overlay');
        classie.remove(wrapper, 'opened-nav');
    }
    document.addEventListener('click', closeNav);

})();

---

那么，您希望导航打开和关闭的次数与您单击的次数相同吗？是JSFIDLE中的中间按钮还是外部按钮？noo按钮工作正常。按钮周围的链接就是问题所在。如果你先按一个再按另一个再回去，那就没用了。好的，我会找你的。谢谢，布拉德利！