javascript - 下拉菜单，如果打开则删除类

Question

我正在尝试创建下拉菜单，我正在这样做，默认情况下我正在做的下拉菜单

.dropdown {
    display: none;
}

然后我在点击时创建事件并基于该上下文我切换类

.active { display block; }

现在我不知道如何在单击其他按钮或文档时删除 .active 类，如果用户单击其他按钮 demo，我不想保留下拉事件类

Answer 1

http://jsfiddle.net/pnLkpxkb/8/

$(function () {
    // The user clicks anywhere in the document
    $(document).click(function (e) {
        // If a dropdown has a class active AND if the dropdown or the link is not the target of the click
        if ($("ul.dropdown").hasClass("active") && !$("ul.dropdown, .btn > a").is(e.target)) {
            // Remove class active
            $("ul.dropdown.active").removeClass("active");
        }
    });
    var dropdown = $(".btn > a");
    // The user clicks on a toggle link (One or Two)
    dropdown.on("click", function () {
        // Remove the active class from the active element
        $("ul.dropdown.active").removeClass("active");
        // Add class to the relevant sub menu
        $(this).siblings("ul.dropdown").addClass("active");
    });
}());