jQuery.doodal.js is a very simplistic modal plugin for jQuery. It has custom events, allows stacking, and is powered by CSS transitions.

Look at your console to see the events firing!

View the project on Github.

Demo Modals


Instatiate a new doodal. Those are all the default options so in this specific example I am not actually overwriting anything.

      type: 'modal',
      closeclass: '.doodal-close',
      trueclass: '.doodal-true',
      falseclass: '.doodal-false',
      showclass: 'showing',
      escape: true
escape: true binds the escape key to closing. This does not work well with multiple/stacked modals.

Now trigger an open to see it:


Custom Events

Alert Style Modal

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Confirm Style Modal

With a custom transition

Do you love Internet Explorer?