jQuery: Ukryj element na kliknięcie gdziekolwiek indziej oprócz elementu

Question

Powiel możliwe:
How to detect a click outside an element?

staram się osiągnąć, że 'div' ukrywa jeśli użytkownik kliknie wszędzie z wyjątkiem na elemencie. Mam następujący kod wykonujący toggle(), jeśli użytkownik kliknie przycisk. Chcę, aby kliknięcie przycisku pozostało plus, jeśli element "Szczegóły" jest widoczny, reaguje na inne części ekranu.

$('.nav-toggle').click(function(){ 
     //get collapse content selector 
     var collapse_content_selector = $(this).attr('href'); 

     //make the collapse content to be shown or hide 
     var toggle_switch = $(this); 
     $(collapse_content_selector).toggle(function(){ 
      if($(this).css('display')=='none'){ 
          //change the button label to be 'Show' 
      toggle_switch.html('Show Details'); 
      }else{ 
          //change the button label to be 'Hide' 
      toggle_switch.html('Hide Details'); 
      } 
     }); 
    }); 

Answer 1

Możesz odwołać się do koncepcji event delegation.

$(function() { 
    $(document).on('click', function(e) { 
     if (e.target.id === 'div1') { 
      alert('Div Clicked !!'); 
     } else { 
      $('#div1').hide(); 
     } 

    }) 
});​ 

Sprawdź FIDDLE

I nie rozumiem co masz na myśli poprzez integrację z drugiej strony .. Jest to podstawowa idea ..

Answer 2

Można użyć funkcji jQuery .blur() ukryć div, gdy użytkownik kliknij na inny element (jak łącza, boutton, whathever ..)

Impreza plama jest ogień, gdy element jest tracąc ostrość (użytkownik wybiera inny element w drzewie DOM)

Nie rozumiem linku z przełącznikiem. Jeśli twój przycisk przełączania zarządza DIV, to wewnątrz funkcji przełączania należy umieścić hide()/show() na div, w tym samym czasie co aktualizacja tekstu przycisku.