mouseyDialog

eventType: click

Clicking on the anchor opens the dialog. Clicking "close" or outside the dialog closes it. Clicking inside the dialog stops the propagation.

example 1.1

This is an example of a mouseyDialog.

example 1.2

This is another example. See how easy this is? It also closed the other one if it was open.

eventType: hover

Hovering over this anchor will make the dialog appear. This also uses the 'slide' effect for demoing purposes. You can mix and match eventTypes and animations. If you happen to move too quickly and the mouse lands on the dialog, it will stay open until your mouse leaves the dialog area.

example 2

This is another example of mouseyDialog. It's just here to have another one on the page. Also, this closed one of the other dialogs if you had it opened.

Triggering a dialog without an anchor

You can trigger a dialog not through an anchor, but you must define the target through the options.

example 3

This is another example of mouseyDialog. It's just here to have another one on the page. Also, this closed one of the other dialogs if you had it opened.

Target one dialog from Multiple links (click)

Multiple triggers can show the same dialog content. No options necessary!

example 4.1 example 4.2

This is one mouseyDialog targeted by more than one link.

Open and Class callbacks

There are open and close callback functions available as well.

example 5

This should fire an alert on open and an alert on close.