$(document).ready(function() {
  // hides the div as soon as the DOM is ready
  $('#login').hide();
  // $('#register').hide();
  
	 // shows the login div on first click using Toggle
	$('.login').click(function() {
	  $('#login').slideToggle('slow');
	});

	
	// shows the registration div
	$('.register').click(function() {
	  $('#register').slideToggle('slow');
	});
});