Klik mimo prvek provede událost

Jak docílit toho, že například na klik vysunete menu a chcete, aby klik mimo ně je zasunul? Detekce kliku na "body" ci "html" situaci neřeší, protože v nich je i menu. Klik pouze na nějaký blok s obsahem? To je nedostačující v mnoha případech bude třeba ošetřit více prvků. Tudíž jak na to?

Klíčem k této činnosti je jQuery funkce "closest", která reaguje právě na klik mimo nějaký prvek/element.

//HTML struktura prikladu


  tlacitko ktere vysune menu
  
prvek obsahující menu

obsah webu
pata webu


//jQuery cast
$(document).click(function(event) {
  if(!$(event.target).closest('.hlavicka').length) {

    if($('.horni_menu').is(":visible")) { //pokud je menu vysunute, tak je zabal
      $('.horni_menu').hide();
    }

  } 
})

<< zpět