別のクリックでdivにクラスを追加し、そのdiv要素とchild要素以外のbodyがクリックされた場合はクラスを削除

Question

検索アイコンをクリックしてフォームが表示され、フォームのために）それは逃げる。

現在のところ、アイコンクリックで正しいクラスが適用され、本文のクリックで削除されますが、フォームの任意の場所をクリックすると非表示になります。フォームが隠されている（headerSearch内にある）場合、removeClassを無視したいと思います。あなたがしたいと思う何

$('html').click(function(e) { 
if(!$(e.target).hasClass('headerSearch')) 
{ 
$('.headerSearch').removeClass('display');    
} 
if($(e.target).closest('headerSearch').length) 
return; 
if($(e.target).hasClass('fa-search')) 
{ 
$('.headerSearch').addClass('display');    
} 
}); 

Answer 1

は（またはそれを含むDIV）がクリックされたときにイベントの伝播を停止しているので、身体のクリックハンドラがイベントに作用する場所とまでバブリングされずフォームを非表示にします。 jqueryのevent.stopPropagation()とevent.stopImmediatePropagation()

JavaScriptを部分的にしか使用していないので、質問にHTMLはありません。具体的にするのは難しいです。