NOTY is a jQuery plugin that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative the standard alert dialog. Each notification is added to a queue. (Optional)

- Installation
- Options & Defaults
- Types & Layouts
- Theme Library
- Show & Hide Animations
- Confirm Dialogs
- API & Callbacks
- Release History

Supported by JetBrains

# Show & Hide Animations

1. Using with jQuery animate properties;

    var n = noty({
        text: 'NOTY - a jquery notification library!',
        animation: {
            open: {height: 'toggle'},
            close: {height: 'toggle'},
            easing: 'swing',
            speed: 500 // opening & closing animation speed
        }
    });

> About Easing
> The remaining parameter of .animate() is a string naming an easing function to use. An easing function specifies the speed at which the animation progresses at different points within the animation. The only easing implementations in the jQuery library are the default, called swing, and one that progresses at a constant pace, called linear. More easing functions are available with the use of plug-ins, most notably the jQuery UI suite.

2. Using with class names. (like animate.css)

    var n = noty({
        text: 'NOTY - a jquery notification library!',
        animation: {
            open: 'animated bounceInLeft', // Animate.css class names
            close: 'animated bounceOutLeft', // Animate.css class names
            easing: 'swing', // unavailable - no need
            speed: 500 // unavailable - no need
        }
    });

> easing and speed has no effect when string class name is being used.

Next; Confirm Dialogs