From 433c501f3d246665230901b9acadec98b6a0b194 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=94=A1=E6=96=87=E8=8E=89?= <a8568730@hotmail.com>
Date: Mon, 21 Sep 2015 23:05:23 +0800
Subject: [PATCH 1/3] * add shadow option

---
 sliiide.js | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/sliiide.js b/sliiide.js
index 3667d14..e41f49d 100644
--- a/sliiide.js
+++ b/sliiide.js
@@ -10,6 +10,7 @@
       animation_curve: "cubic-bezier(0.54, 0.01, 0.57, 1.03)",
       body_slide: true,
       no_scroll: true,
+      shadow: false
     }, options );
 
     var newSize;
@@ -180,6 +181,17 @@
 
 
   var activate = function() {
+	if(settings.shadow)
+	{
+		var $sha = $("#sliiide-shadow");
+		if($sha.length == 0)
+		{
+			$sha = $('<div id="sliiide-shadow"></div>');
+			$sha.css({'position':'absolute','top':0,'left':0, 'height':'100vh', 'background':'#000', 'opacity':'0', 'z-index':'2000'});
+			$body.append($sha);
+		}
+		$sha.css({'width':'100vw', 'opacity':'0.5'});
+	}  
     siiize();
     $sliiider.css('visibility','initial');
     if(settings.body_slide) {
@@ -205,7 +217,11 @@
   }
 
   function deactivate() {
-
+	  if(settings.shadow)
+		{
+			var $sha = $("#sliiide-shadow");
+			$sha.css({'width':'0', 'opacity':'0'});
+		}  
     $body.one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', hideSlider);
 
     if(settings.body_slide) {

From e6056427ecb2d1bb048616a3caf86726672f7acb Mon Sep 17 00:00:00 2001
From: a8568730 <a8568730@hotmail.com>
Date: Tue, 22 Sep 2015 18:55:07 +0800
Subject: [PATCH 2/3] * click shadow will fire deactivate()

---
 sliiide.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/sliiide.js b/sliiide.js
index e41f49d..4232778 100644
--- a/sliiide.js
+++ b/sliiide.js
@@ -253,6 +253,10 @@
   $toggle.click(handleToggle);
   $sliiider.find('a').on('click', function() {deactivate()});
   $exit.on('click', function() {deactivate()});
+  if(settings.shadow)
+  {
+	  $(document).on('click', '#sliiide-shadow', function() {deactivate();});
+  }
 
   var deleteProp = function() {
     $body.css(bodyResetProp);

From fcaa47eaafa2657a97eb1362e12ef14a5188a5ac Mon Sep 17 00:00:00 2001
From: SIDK <a8568730@hotmail.com>
Date: Wed, 23 Sep 2015 11:05:15 +0800
Subject: [PATCH 3/3] * add `cursor:pointer` to shadow style for IOS click

---
 sliiide.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sliiide.js b/sliiide.js
index 4232778..edd12c1 100644
--- a/sliiide.js
+++ b/sliiide.js
@@ -187,7 +187,7 @@
 		if($sha.length == 0)
 		{
 			$sha = $('<div id="sliiide-shadow"></div>');
-			$sha.css({'position':'absolute','top':0,'left':0, 'height':'100vh', 'background':'#000', 'opacity':'0', 'z-index':'2000'});
+			$sha.css({'position':'absolute','top':0,'left':0, 'height':'100vh', 'background':'#000', 'opacity':'0', 'z-index':'2000','cursor':'pointer'});
 			$body.append($sha);
 		}
 		$sha.css({'width':'100vw', 'opacity':'0.5'});