Create a message after the link

Create
$('#create').click(function(){
	$(this).aurora({
		text: 'Cras ut tortor turpis, ut lacinia neque.',
		effect: 'easeOutBounce',
		speed: 1000
	});
});

Create and execute the function
$('#create_callback').click(function(){
	$(this).aurora({
		text: 'Cras ut tortor turpis, ut lacinia neque.',
		effect: 'easeOutBounce',
		speed: 1000,
		onComplete: function(){
			alert("Message created!");
		}
	});
});

Create a message after the third paragraph

Paragraph 1

Paragraph 2

Paragraph 3

$('#create_after_elem').click(function(){
	$(this).aurora({
		text: 'Fusce quis bibendum erat. Integer pretium aliquet posuere.',
		create_after: $('.a p').eq(2)
	});
});

Create a message before the link

Create
$('#create_before').click(function(){
	$(this).aurora({
		text: 'Fusce quis bibendum erat. Integer pretium aliquet posuere.',
		create_before: $(this)
	});
});

Create a message before the second paragraph

Paragraph 1

Paragraph 2

Paragraph 3

$('#create_before_elem').click(function(){
	$(this).aurora({
		text: 'Fusce quis bibendum erat. Integer pretium aliquet posuere.',
		create_before: $('.p p').eq(1)
	});
});

Switch the visibility of message

Hide all
$('#toggle').click(function(){
	$(this).aurora('toggleVis', {
		elems_indexes: 'all'
	});
});
Switch the visibility of the first and third posts
$('#toggle').click(function(){
	$(this).aurora('toggleVis', {
		elems_indexes: 'all'
	});
});
Hide the second message
$('#hide_one').click(function(){
	$(this).aurora('toggleVis', {
		elems_indexes: [1]
	});
});
Show all
$('#show').click(function(){
	$(this).aurora('toggleVis', {
		action: 'show',
		elems_indexes: 'all'
	});
});
Show the second message
$('#show').click(function(){
	$(this).aurora('toggleVis', {
		action: 'show',
		elems_indexes: 'all'
	});
});
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Morbi in sodales dui. Quisque ultricies erat id justo vehicula sit amet lobortis est lacinia.

Quisque tellus augue, porttitor ac feugiat at, imperdiet et justo.

Switch the style of message

Switch the type of message
$('#toggle_type_all').click(function(){
	$(this).aurora('toggleType', {
		elems_indexes: 'all',
		msg_type_container: 'highlight',
		msg_type_icon: 'signal-diag'
	});
});

Switch the type of the first and second messages
$('#toggle_type_indexed').click(function(){
	$(this).aurora('toggleType', {
		elems_indexes: [0,1],
		msg_type_container: 'highlight',
		msg_type_icon: 'flag'
	});
});

Deleting messages

Delete all messages
$('#removeAll').click(function(){
	$(this).aurora('destroy', {
		elems_indexes: 'all'
	});
});

Remove the first and third message
$('#remove_indexed').click(function(){
	$(this).aurora('destroy', {
		elems_indexes: [0,2]
	});
});