on submission, form fadeout and confirmation fadein

emmacunningham · May 25, 2012 · 26cb4a6 · 26cb4a6
1 parent b29b348
commit 26cb4a6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/hydra/templates/hydra/index.html b/hydra/templates/hydra/index.html
@@ -441,11 +441,11 @@ <h1>{{ abouthead }}</h1>
 		var args = { type:"POST", url:"/", data:data };
 		var request = $.ajax(args);
 		request.done(function(){
-			$('#newsletterbox').animate({'top':'-200%'},0,function(){
-				$('#newsletteroverlay').hide(0);
-				$('#newsletterboxclose,#newmobileboxclose').hide(0);
+			$('#newsletterbox').fadeOut(300,function(){
+				$('#newsletteroverlay').fadeOut(0);
+				$('#newsletterboxclose,#newmobileboxclose').fadeOut(0);
 			});			
-			$('#thanksoverlay').fadeIn(0,function(){
+			$('#thanksoverlay').fadeIn(400,function(){
 				$('#thanksbox').animate({'top':'0px'},0);
 				$('#thanksclose').animate({'top':'50px'},0);
 				$('#mobilethanksclose').show(0);

diff --git a/static/css/style.css b/static/css/style.css
@@ -464,6 +464,7 @@ p.topnav {
 	left:0;
     top:-200%;
 	width:100%;
+	height:28px;
     background: #000000;
     color:#ffffff;
 	font-size:4em;