Cliquez n'importe où pour supprimer la classe

L'exemple de code est ici:
http://codepen.io/vincentccw/pen/loAwu

Fondamentalement, ce que je veux faire est de créer une liste déroulante à l'aide de balise, mais remplaçable div bouton.

Mes problèmes est une fois que je clique sur la div, de la classe personnalisée sera ajouté(liste déroulante), mais ensuite quand je clique sur n'importe où ailleurs la deuxième fois, je veux la sortir de la classe et donc de revenir à l'état original. Comment dois-je faire?

$(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");
      };
    });
}); 

Pour l'instant à la fois la fonction de clic sera déclenché en même temps....

pouvez-vous expliquer clairement,incapable d'obtenir votre point de vue.

OriginalL'auteur Vincent Chua | 2013-06-17