jquery - 单击任意位置即可删除类(class)

Question

示例代码在这里: 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");
      };
    });
}); 

现在两个点击功能将同时触发......

Answer 1

尝试this

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

});

更新了以下内容:

了解更多 info