Is there a way to hide the div "popu" when clicking on the img "tri"? I've tried using .not() since the img is a child of the div popu, but it didn't work. Also, I need to make sure that clicking on the div "textb" does not trigger the hide action.
HTML
<div id="re" class="column">
<div id="s" class="popu">
<img class="tri" src="img/whtri.png"/>
<div class="textb">
<center style="font-size:14px;">Item Title</center>
<span style="font-size:12px;">Description this is an item that is very good and i like it very much! I like
<span class="highl">More...</span>
</span>
<span style=""></span>
</div>
</div>
</div>JQuery
$("body").click(function (e) {
if (!$(e.target).closest(".popu").length.not(".tri")) {
$("#s").hide(200)
}
});If anyone has any suggestions or solutions, I would greatly appreciate it!