他の要素のjQuery onclick

Question

私はメニュープロファイルのリンクを持っています。それは 'ユーザーボタン'と呼ばれるクラスを持っています。ユーザーがクリックすると、jqueryは別のクラスをulリストに追加して表示します。

$(".user-button").click(function() { 
    if(!$(".arrow").hasClass('toggle')) { 
     $(".arrow").addClass('toggle'); 
     $(".profile-action").addClass('display-it'); 
    } else { 
     $(".arrow").removeClass('toggle'); 
     $(".profile-action").removeClass('display-it'); 
    } 
}); 

画像参照：http://cl.ly/0R1u3A0h341s2w3a3Y3L

どのように私はこのような「.profileを-アクション」閉じるための体のような他の要素でユーザーのクリックを作るのですか？ 例：facebook modaless

ありがとう。

Answer 1

はあなたのコードにこれを追加します。

$('html').click(function() { 
    $(".arrow").removeClass('toggle'); 
    $(".profile-action").removeClass('display-it'); 
}); 

そしてpropgationを防ぐために、あなたの現在のコードを変更：

$(".user-button").click(function(event) { 
    event.stopPropagation(); 
    if(!$(".arrow").hasClass('toggle')) { 
     $(".arrow").addClass('toggle'); 
     $(".profile-action").addClass('display-it'); 
    } else { 
     $(".arrow").removeClass('toggle'); 
     $(".profile-action").removeClass('display-it'); 
    } 
});