$(function() {

	var socket = io.connect('http://localhost:8080');

	// LOGIN
	$('#login').submit(function(e) {
		e.preventDefault();

		socket.emit('login', { 
			email   : $('#email').val(),
			password: $('#password').val()
		});
	});

	// List all users connected
	socket.on('notificationUserConnection', function (user) {
		$('#users').append('<li id="user-' + user.id + '">' + user.email + '</li>')
	});

	// User connected
	socket.on('userConnection', function () {
		$("#login" ).hide("slide", { direction: "right" }, 1200);
        $("#users").delay(400).show("slide", { direction: "right" }, 1200);
	});

	// User disconnect
	socket.on('notificationUserDisconnect', function(user) {
		$('#user-'+user.id).remove();
	});


});
@@ -499,38 +499,20 @@
 e%22, 
-%7B direction: %22right%22 %7D, 1200);
+function() %7B
 %0A   
@@ -516,16 +516,17 @@
         
+%09
 $(%22#user
@@ -533,19 +533,8 @@
 s%22).
-delay(400).
 show
@@ -545,38 +545,14 @@
 ide%22
-, %7B direction: %22right%22 %7D, 1200
+);%0A%09%09%7D
 );%0A%09

Fix connection animation