javascript函数没有完成运行

Question

我设置了以下JQuery / JS来打开/关闭菜单：

$('button.leftNav-dropDownButton').toggle(function () {
            $(this).addClass('dropDownActive');
            ...do stuff
        },
        function () {
            alert("Button has been clicked");
            $(this).removeClass('dropDownActive');
            ...do other stuff
        }
    );

该函数在添加dropDownActive类时工作正常，它告诉CSS显示我的菜单，但当我再次单击该按钮时，会弹出警报，所以我知道该函数正在被调用，但除非消失，否则什么都不会消失你点击按钮的外面。以下是活动时按钮的样子：

<button class="leftNav-dropDownButton hide-for-print dropDownActive">
    <span class="icon-reorder "></span>      //little menu icon
    <span class="icon-folder-arrow"></span> //arrow under button that points
                                            //from menu to button
</button>

以下是不活动时的样子：

<button class="leftNav-dropDownButton hide-for-print">
    <span class="icon-reorder "></span>
</button>

我尝试删除图标文件夹箭头，但这没有帮助。