jquery: empêche le clic à l'intérieur de div de la fermeture ... tous les éléments

Question

Problème comme dans le sujet.

Exemple:

<div id="trigger">click here</div> 
<div id="slider"> content goes here: form elems, divs, spans, a etc. </div> 

Comment puis-je le faire jusqu'à présent:

$(document.body).click(function(event){ 
     var target = $(event.target); 
      if (!target.is("#trigger") && !target.is("#slider") && [all elems in slider.div...] 
} 

Ce que je tente d'accomplir:
Éviter la liste de tous slider.div elems par id - si possible.
Autoriser un élément comme div avec id = "close" à l'intérieur de div diviseur pour le fermer.

Answer 1

Cela peut être accompli un certain nombre de façons, mais mon préféré est de nommer le déclencheur quelque chose comme slider_1 et lui donner une classe si .slider. Puis donnez au curseur actuel un identifiant de slider_1_content avec une classe si .slider_content. Cela vous permettra d'écrire quelque chose comme:

$(".slider").click(function() { 
    $("#" + this.attr("id") + "_content") ... 
}); 

Vous pouvez ensuite affecter une classe close à vos boutons/liens étroits et les forcer à fermer le curseur parent comme: