diff --git a/demo/index.html b/demo/index.html
index 57ca0b2..b2b578d 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -36,7 +36,8 @@
 		<script>
 			$(document).ready(function() {
 				$.shifter({
-					maxWidth: Infinity
+					maxWidth: Infinity,
+					appearFromLeft: true
 				});
 			});
 		</script>
diff --git a/jquery.fs.shifter.js b/jquery.fs.shifter.js
index 08165f3..fa3a982 100644
--- a/jquery.fs.shifter.js
+++ b/jquery.fs.shifter.js
@@ -26,7 +26,8 @@
 	 * @param maxWidth [string] <'980px'> "Width at which to auto-disable plugin"
 	 */
 	var options = {
-		maxWidth: "980px"
+		maxWidth: "980px",
+		appearFromLeft: false
 	};
 
 	var pub = {
@@ -54,7 +55,7 @@
 		 */
 		enable: function() {
 			if (initialized) {
-				data.$body.addClass("shifter-active");
+				options.appearFromLeft ? data.$body.addClass("shifter-active shifter-left") : data.$body.addClass("shifter-active");
 			}
 		},
 
@@ -77,7 +78,7 @@
 		 */
 		destroy: function() {
 			if (initialized) {
-				data.$body.removeClass("shifter shifter-active shifter-open")
+				data.$body.removeClass("shifter shifter-active shifter-open shifter-left")
 					      .off("touchstart.shifter click.shifter");
 
 				// Navtive MQ Support