jquery – 单击任意位置以删除类

示例代码在这里：
http://codepen.io/vincentccw/pen/loAwu

基本上我想要做的是使用标签但可替换的div按钮创建自定义下拉列表.

我的问题是,一旦我点击div,将添加自定义类(显示下拉列表),但是当我第二次点击其他任何地方时,我想删除该类,因此返回原始状态.我该怎么办？

$(function(){ 

$(".dButton").click(function(){
   $("div ul.customDropDownList").addClass("clickButtonReveal");
});     
$('body').click(function(){
if( $("div ul.customDropDownList").hasClass("clickButtonReveal") ){
      alert("remove class");
      $("div ul.customDropDownList").removeClass("clickButtonReveal");
      };
    });
});

现在两个点击功能都会同时触发….

试试 this

$(".dButton").click(function (e) {
    e.stopPropagation();
    $("div ul.customDropDownList").addClass("clickButtonReveal");

});

更新以下内容：

更多info