@@ -14,7 +14,7 @@

       <button  data-action="open" data-target="#modal2"> open modal! </button>

       Howdy!

     </div>

-    <div id="modal2">

+    <div id="modal2" class="close-on-click">

       This is the second modal!

     </div>

@@ -18,9 +18,12 @@

           wrapper.removeClass('open');

           currentModal = null;

         });

-        modal.click(function(ev) {

-          ev.stopPropagation();

-        });

+

+        if (! target.hasClass('close-on-click')) {

+          modal.click(function(ev) {

+            ev.stopPropagation();

+          });

+        }

       }

       $(this).click(function() {

         if (action === 'open') {