jQuery on() stopPropagation not working?

Question

I can\'t seem to get this to stop propagating..

  $(document).ready(function(){
      $(\"body\").on(\"click\",\"img.theater\",function(event){ 
          ev         


        

Answer 1

The best way to do that is :

$(".theater-wrapper").click(function(event){
    if (!$(event.target).is('img.theater')){
        $('.theater-wrapper').hide();
    }
}); 

It's working for me with an accordion and checkbox