Demo

$.ui.toaster($('<p>hello world</p>'));
$.ui.toaster('hello world');

$('#msg-box').ui.toaster();
$('<p>hello world</p>').ui.toaster();
        

$('a[href=#close-dedault]').click(function(){
    $('<div><p>Click anywhere in the box to close it.</p><div>').toaster()
});
        

$('a[href=#close-dedault]').click(function(){
    $('<div><p>This box won't close until user close it.</p><div>').toaster({sticky: true})
});
        

$('a[href=#close-custom]').click(function(){
    $('<div><a class="ui-toaster-close">x</a><p>Click the "x" to close the box.</p><div>').toaster()
});
        

$('<div><p>Delayed opening..</p><div>').toaster({delay: 3})
        

$('<div><p>Slide !</p></div>').toaster({
    position:'tl',
    delay: 0,
    close: function(){ return $(this).hide('slide'), 800; },