added slidedown,slidebackup transitions. modified slideup transitions' naming to accommodate.

updated transitions demo with new variation, added new transition name to array in mobile.js

_transitions.html

@@ -17,6 +17,7 @@
 				<ul data-role="controlgroup">
 					<li><a href="_transitions-destination.html" data-role="button" data-transition="slide">slide</a></li>
 					<li><a href="_transitions-destination.html" data-role="button" data-transition="slideup">slideup</a></li>
+					<li><a href="_transitions-destination.html" data-role="button" data-transition="slidedown">slidedown</a></li>
 					<li><a href="_transitions-destination.html" data-role="button" data-transition="pop">pop</a></li>
 					<li><a href="_transitions-destination.html" data-role="button" data-transition="flip">flip</a></li>
 					<li><a href="_transitions-destination.html" data-role="button" data-transition="dissolve">dissolve</a></li>

css/structure.css

@@ -393,7 +393,7 @@ keyframes from jordandobson.com/webkit_loading_animation/resize/
 
 .slideup.out.reverse {
 	z-index: 10;
-	-webkit-animation-name: slidedown;
+	-webkit-animation-name: slidebackdown;
 }
 
 .slideup.in.reverse {
@@ -407,11 +407,42 @@ keyframes from jordandobson.com/webkit_loading_animation/resize/
     to { -webkit-transform: translateY(0); }
 }
 
-@-webkit-keyframes slidedown {
+@-webkit-keyframes slidebackdown {
     from { -webkit-transform: translateY(0); }
     to { -webkit-transform: translateY(100%); }
 }
 
+
+/*for animating in and out from above*/
+.slidedown.in {
+	-webkit-animation-name: slidedown;
+	z-index: 10;
+}
+
+.slidedown.out {
+	-webkit-animation-name: dontmove;
+	z-index: 0;
+}
+
+.slidedown.out.reverse {
+	z-index: 10;
+	-webkit-animation-name: slidebackup;
+}
+
+.slidedown.in.reverse {
+	z-index: 0;
+	-webkit-animation-name: dontmove;
+}
+@-webkit-keyframes slidedown {
+    from { -webkit-transform: translateY(-100%); }
+    to { -webkit-transform: translateY(0); }
+}
+
+@-webkit-keyframes slidebackup {
+    from { -webkit-transform: translateY(0); }
+    to { -webkit-transform: translateY(-100%); }
+}
+
 /* Hackish, but reliable. */
 @-webkit-keyframes dontmove {
     from { opacity: 1; }

js/jQuery.mobile.js

@@ -16,7 +16,7 @@
 		startPage,
 		startPageId = 'ui-page-start',
 		activePageClass = 'ui-page-active',
-		transitions = 'slide slideup pop flip fade dissolve swap',
+		transitions = 'slide slideup slidedown pop flip fade dissolve swap',
 		transitionSpecified = false,
 		currentTransition = 'slide',
 		transitionDuration = 350,