diff --git a/packages/core/src/components/item-sliding/item-sliding.tsx b/packages/core/src/components/item-sliding/item-sliding.tsx
index ecfe9a198e..9ceb183bf5 100644
--- a/packages/core/src/components/item-sliding/item-sliding.tsx
+++ b/packages/core/src/components/item-sliding/item-sliding.tsx
@@ -137,6 +137,7 @@ const enum SlidingState {
 export class ItemSliding {
   $el: HTMLElement;
   item: HostElement;
+  list: HostElement;
 
   openAmount: number = 0;
   startX: number = 0;
@@ -209,6 +210,9 @@ export class ItemSliding {
     this.sides = sides;
 
     this.item = this.$el.querySelector('ion-item') as HostElement;
+
+    // Get the parent list to close open containers
+    this.list = this.$el.closest('ion-list') as HostElement;
   }
 
   canStart(gesture: GestureDetail): boolean {
@@ -219,7 +223,7 @@ export class ItemSliding {
     let container = this;
 
     // Close open container if it is not the selected one.
-    if (container !== this.openContainer) {
+    if (this.list && container !== this.list.$instance.openContainer) {
       this.closeOpened();
     }
 
@@ -231,7 +235,7 @@ export class ItemSliding {
   }
 
   onDragStart(gesture: GestureDetail) {
-    this.selectedContainer = this.openContainer = this.preSelectedContainer;
+    this.selectedContainer = this.list.$instance.openContainer = this.preSelectedContainer;
     this.selectedContainer.startSliding(gesture.currentX);
   }
 
@@ -251,9 +255,8 @@ export class ItemSliding {
   closeOpened(): boolean {
     this.selectedContainer = null;
 
-    if (this.openContainer) {
-      this.openContainer.close();
-      this.openContainer = null;
+    if (this.list.$instance.openContainer) {
+      this.list.$instance.closeSlidingItems();
       return true;
     }
     return false;
@@ -410,10 +413,9 @@ export class ItemSliding {
       }
     }
     if (openAmount === 0) {
-      this.setState(SlidingState.Disabled);
       this.tmr = setTimeout(() => {
-        this.tmr = null;
         this.setState(SlidingState.Disabled);
+        this.tmr = null;
       }, 600);
       this.item.style.transform = '';
       return;
diff --git a/packages/core/src/components/item-sliding/test/basic.html b/packages/core/src/components/item-sliding/test/basic.html
index 1d27e86e20..b036c905b8 100644
--- a/packages/core/src/components/item-sliding/test/basic.html
+++ b/packages/core/src/components/item-sliding/test/basic.html
@@ -29,264 +29,265 @@
       </div>
 
       <ion-list id="list">
+        <div class="nested-div">
+          <ion-item-sliding>
+            <ion-item>
+              <ion-label>
+                <h2>No Options</h2>
+                <p>Should not error or swipe without options</p>
+              </ion-label>
+            </ion-item>
+          </ion-item-sliding>
 
-        <ion-item-sliding>
-          <ion-item>
+          <ion-item-sliding id="item6">
+            <ion-item>
+              <ion-label>
+                One Line, dynamic option and text
+              </ion-label>
+            </ion-item>
+            <ion-item-options class="show-options">
+              <ion-item-option color="primary">
+                <ion-icon name="more"></ion-icon>
+                <span class="more-text"></span>
+              </ion-item-option>
+              <ion-item-option color="secondary" onclick="archive('item6')">
+                <ion-icon name="archive"></ion-icon>
+                <span class="archive-text"></span>
+              </ion-item-option>
+            </ion-item-options>
+          </ion-item-sliding>
+
+          <ion-item-sliding id="item6">
+            <ion-item>
+              <ion-label>
+                Two options, one dynamic option and text
+              </ion-label>
+            </ion-item>
+            <ion-item-options side="left">
+              <ion-item-option color="primary">
+                <ion-icon slot="icon-only" name="more"></ion-icon>
+              </ion-item-option>
+            </ion-item-options>
+            <ion-item-options side="right" class="show-options">
+              <ion-item-option color="primary">
+                <ion-icon name="more"></ion-icon>
+                <span class="more-text"></span>
+              </ion-item-option>
+              <ion-item-option color="secondary" onclick="archive('item6')">
+                <ion-icon name="archive"></ion-icon>
+                <span class="archive-text"></span>
+              </ion-item-option>
+            </ion-item-options>
+          </ion-item-sliding>
+
+          <ion-item-sliding id="item100">
+            <ion-item href="#">
+              <ion-label>
+                <h2>HubStruck Notifications</h2>
+                <p>A new message from a repo in your network</p>
+                <p>Oceanic Next has joined your network</p>
+              </ion-label>
+              <ion-note slot="end">
+                10:45 AM
+              </ion-note>
+            </ion-item>
+
+            <ion-item-options side="left">
+              <ion-item-option onclick="noclose('item100')">
+                No close
+              </ion-item-option>
+            </ion-item-options>
+            <ion-item-options side="right">
+              <ion-item-option color="light" onclick="unread('item100')">
+                <ion-icon slot="icon-only" name="trash"></ion-icon>
+              </ion-item-option>
+              <ion-item-option onclick="unread('item100')">
+                <ion-icon slot="icon-only" name="star"></ion-icon>
+              </ion-item-option>
+            </ion-item-options>
+
+          </ion-item-sliding>
+
+          <ion-item-sliding id="item0">
+            <ion-item text-wrap onclick="clickedItem('item0')">
+              <ion-label>
+                <h2>RIGHT side - no icons</h2>
+                <p>Hey do you want to go to the game tonight?</p>
+              </ion-label>
+            </ion-item>
+            <ion-item-options class="sliding-enabled">
+              <ion-item-option color="primary" onclick="archive('item0')">Archive</ion-item-option>
+              <ion-item-option color="danger" onclick="del('item0')">Delete</ion-item-option>
+            </ion-item-options>
+          </ion-item-sliding>
+
+          <ion-item-sliding id="item1">
+            <ion-item text-wrap detail-push href="#" class="activated">
+              <ion-label>
+                <h2>LEFT side - no icons</h2>
+                <p>I think I figured out how to get more Mountain Dew</p>
+              </ion-label>
+            </ion-item>
+            <ion-item-options side="left" class="sliding-enabled">
+              <ion-item-option color="primary" onclick="archive('item1')">Archive</ion-item-option>
+              <ion-item-option color="danger" onclick="del('item1')">Delete</ion-item-option>
+            </ion-item-options>
+          </ion-item-sliding>
+
+
+          <ion-item-sliding id="item2">
+            <ion-item text-wrap detail-push>
+              <ion-label>
+                <h2>RIGHT/LEFT side - icons</h2>
+                <p>I think I figured out how to get more Mountain Dew</p>
+              </ion-label>
+            </ion-item>
+            <ion-item-options side="left" (ionSwipe)="unread($event)" class="sliding-enabled">
+              <ion-item-option color="secondary" expandable onclick="unread('item2')">
+                <ion-icon name="ios-checkmark"></ion-icon>Unread
+              </ion-item-option>
+            </ion-item-options>
+
+            <ion-item-options side="right" (ionSwipe)="del('item2')" class="sliding-enabled">
+              <ion-item-option color="primary" onclick="archive('item2')">
+                <ion-icon name="mail"></ion-icon>Archive
+              </ion-item-option>
+              <ion-item-option color="danger" onclick="del('item2')" expandable>
+                <ion-icon name="trash"></ion-icon>Delete
+              </ion-item-option>
+            </ion-item-options>
+          </ion-item-sliding>
+
+          <ion-item-sliding id="item3">
+            <ion-item text-wrap detail-push>
+              <ion-label>
+                <h2>RIGHT/LEFT side - icons (slot="start")</h2>
+                <p>I think I figured out how to get more Mountain Dew</p>
+              </ion-label>
+            </ion-item>
+            <ion-item-options side="left" icon-start (ionSwipe)="unread($event)" class="sliding-enabled">
+              <ion-item-option color="secondary" expandable onclick="unread('item3')">
+                <ion-icon name="ios-checkmark"></ion-icon>Unread
+              </ion-item-option>
+            </ion-item-options>
+
+            <ion-item-options icon-start (ionSwipe)="del('item3')">
+              <ion-item-option color="primary" onclick="archive('item3')">
+                <ion-icon name="mail"></ion-icon>Archive
+              </ion-item-option>
+              <ion-item-option color="danger" onclick="del('item3')" expandable class="sliding-enabled">
+                <ion-icon name="trash"></ion-icon>Delete
+              </ion-item-option>
+            </ion-item-options>
+          </ion-item-sliding>
+
+
+          <ion-item-sliding id="item4">
+            <ion-item>
+              <ion-icon name="mail" slot="start"></ion-icon>
+              <ion-label>
+                One Line w/ Icon, div only text
+              </ion-label>
+            </ion-item>
+            <ion-item-options icon-start (ionSwipe)="archive($event)">
+              <ion-item-option color="primary" onclick="archive('item4')" expandable class="sliding-enabled">
+                <ion-icon name="archive"></ion-icon>Archive
+              </ion-item-option>
+            </ion-item-options>
+          </ion-item-sliding>
+
+
+          <ion-item-sliding id="item5" class="sliding-enabled">
+            <ion-item>
+              <ion-avatar slot="start">
+                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
+              </ion-avatar>
+              <ion-label>
+                One Line w/ Avatar, div only text
+              </ion-label>
+            </ion-item>
+            <ion-item-options>
+              <ion-item-option color="primary" expandable>
+                <ion-icon name="more"></ion-icon>More
+              </ion-item-option>
+              <ion-item-option color="secondary" onclick="archive('item5')">
+                <ion-icon name="archive"></ion-icon>Archive
+              </ion-item-option>
+              <ion-item-option color="light" onclick="del('item5')">
+                <ion-icon name="trash"></ion-icon>Delete
+              </ion-item-option>
+            </ion-item-options>
+          </ion-item-sliding>
+
+
+          <ion-item-sliding id="item7">
+            <ion-item>
+              <ion-label>
+                One Line, dynamic icon-start option
+              </ion-label>
+            </ion-item>
+            <ion-item-options icon-start>
+              <ion-item-option color="primary">
+                <ion-icon name="more"></ion-icon>
+                <span class="more-text"></span>
+              </ion-item-option>
+              <ion-item-option color="secondary" onclick="archive('item7')">
+                <ion-icon name="archive"></ion-icon>
+                <span class="archive-text"></span>
+              </ion-item-option>
+            </ion-item-options>
+          </ion-item-sliding>
+
+          <ion-item-sliding id="item8">
+            <ion-item>
+              <ion-thumbnail slot="start">
+                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
+              </ion-thumbnail>
+              <ion-label>
+                <h2>DOWNLOAD</h2>
+                <p>Paragraph text.</p>
+              </ion-label>
+            </ion-item>
+            <ion-item-options (ionSwipe)="download('item8')">
+              <ion-item-option color="primary" onclick="archive('item8')">
+                <ion-icon name="archive"></ion-icon>Archive
+              </ion-item-option>
+              <ion-item-option color="secondary" expandable onclick="download('item8')">
+                <ion-icon name="download" class="download-hide"></ion-icon>
+                <div class="download-hide">Download</div>
+
+                <ion-icon class="download-spinner" name="refresh"></ion-icon>
+                <div class="download-spinner">Loading...</div>
+              </ion-item-option>
+            </ion-item-options>
+          </ion-item-sliding>
+
+          <ion-item-sliding id="item9">
+            <ion-item>
+              <ion-thumbnail slot="start">
+                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
+              </ion-thumbnail>
+              <ion-label>
+                <h2>ion-item-sliding without options (no sliding)</h2>
+                <p>Paragraph text.</p>
+              </ion-label>
+            </ion-item>
+          </ion-item-sliding>
+
+          <ion-item text-wrap>
             <ion-label>
-              <h2>No Options</h2>
-              <p>Should not error or swipe without options</p>
+              <h2>Normal ion-item (no sliding)</h2>
+              <p>Paragraph text.</p>
             </ion-label>
           </ion-item>
-        </ion-item-sliding>
 
-        <ion-item-sliding id="item6">
-          <ion-item>
+          <ion-item text-wrap onclick="clickedItem('item9')">
             <ion-label>
-              One Line, dynamic option and text
-            </ion-label>
-          </ion-item>
-          <ion-item-options class="show-options">
-            <ion-item-option color="primary">
-              <ion-icon name="more"></ion-icon>
-              <span class="more-text"></span>
-            </ion-item-option>
-            <ion-item-option color="secondary" onclick="archive('item6')">
-              <ion-icon name="archive"></ion-icon>
-              <span class="archive-text"></span>
-            </ion-item-option>
-          </ion-item-options>
-        </ion-item-sliding>
-
-        <ion-item-sliding id="item6">
-          <ion-item>
-            <ion-label>
-              Two options, one dynamic option and text
-            </ion-label>
-          </ion-item>
-          <ion-item-options side="left">
-            <ion-item-option color="primary">
-              <ion-icon slot="icon-only" name="more"></ion-icon>
-            </ion-item-option>
-          </ion-item-options>
-          <ion-item-options side="right" class="show-options">
-            <ion-item-option color="primary">
-              <ion-icon name="more"></ion-icon>
-              <span class="more-text"></span>
-            </ion-item-option>
-            <ion-item-option color="secondary" onclick="archive('item6')">
-              <ion-icon name="archive"></ion-icon>
-              <span class="archive-text"></span>
-            </ion-item-option>
-          </ion-item-options>
-        </ion-item-sliding>
-
-        <ion-item-sliding id="item100">
-          <ion-item href="#">
-            <ion-label>
-              <h2>HubStruck Notifications</h2>
-              <p>A new message from a repo in your network</p>
-              <p>Oceanic Next has joined your network</p>
-            </ion-label>
-            <ion-note slot="end">
-              10:45 AM
-            </ion-note>
-          </ion-item>
-
-          <ion-item-options side="left">
-            <ion-item-option onclick="noclose('item100')">
-              No close
-            </ion-item-option>
-          </ion-item-options>
-          <ion-item-options side="right">
-            <ion-item-option color="light" onclick="unread('item100')">
-              <ion-icon slot="icon-only" name="trash"></ion-icon>
-            </ion-item-option>
-            <ion-item-option onclick="unread('item100')">
-              <ion-icon slot="icon-only" name="star"></ion-icon>
-            </ion-item-option>
-          </ion-item-options>
-
-        </ion-item-sliding>
-
-        <ion-item-sliding id="item0">
-          <ion-item text-wrap onclick="clickedItem('item0')">
-            <ion-label>
-              <h2>RIGHT side - no icons</h2>
+              <h2>Normal button (no sliding)</h2>
               <p>Hey do you want to go to the game tonight?</p>
             </ion-label>
           </ion-item>
-          <ion-item-options class="sliding-enabled">
-            <ion-item-option color="primary" onclick="archive('item0')">Archive</ion-item-option>
-            <ion-item-option color="danger" onclick="del('item0')">Delete</ion-item-option>
-          </ion-item-options>
-        </ion-item-sliding>
-
-        <ion-item-sliding id="item1">
-          <ion-item text-wrap detail-push href="#" class="activated">
-            <ion-label>
-              <h2>LEFT side - no icons</h2>
-              <p>I think I figured out how to get more Mountain Dew</p>
-            </ion-label>
-          </ion-item>
-          <ion-item-options side="left" class="sliding-enabled">
-            <ion-item-option color="primary" onclick="archive('item1')">Archive</ion-item-option>
-            <ion-item-option color="danger" onclick="del('item1')">Delete</ion-item-option>
-          </ion-item-options>
-        </ion-item-sliding>
-
-
-        <ion-item-sliding id="item2">
-          <ion-item text-wrap detail-push>
-            <ion-label>
-              <h2>RIGHT/LEFT side - icons</h2>
-              <p>I think I figured out how to get more Mountain Dew</p>
-            </ion-label>
-          </ion-item>
-          <ion-item-options side="left" (ionSwipe)="unread($event)" class="sliding-enabled">
-            <ion-item-option color="secondary" expandable onclick="unread('item2')">
-              <ion-icon name="ios-checkmark"></ion-icon>Unread
-            </ion-item-option>
-          </ion-item-options>
-
-          <ion-item-options side="right" (ionSwipe)="del('item2')" class="sliding-enabled">
-            <ion-item-option color="primary" onclick="archive('item2')">
-              <ion-icon name="mail"></ion-icon>Archive
-            </ion-item-option>
-            <ion-item-option color="danger" onclick="del('item2')" expandable>
-              <ion-icon name="trash"></ion-icon>Delete
-            </ion-item-option>
-          </ion-item-options>
-        </ion-item-sliding>
-
-        <ion-item-sliding id="item3">
-          <ion-item text-wrap detail-push>
-            <ion-label>
-              <h2>RIGHT/LEFT side - icons (slot="start")</h2>
-              <p>I think I figured out how to get more Mountain Dew</p>
-            </ion-label>
-          </ion-item>
-          <ion-item-options side="left" icon-start (ionSwipe)="unread($event)" class="sliding-enabled">
-            <ion-item-option color="secondary" expandable onclick="unread('item3')">
-              <ion-icon name="ios-checkmark"></ion-icon>Unread
-            </ion-item-option>
-          </ion-item-options>
-
-          <ion-item-options icon-start (ionSwipe)="del('item3')">
-            <ion-item-option color="primary" onclick="archive('item3')">
-              <ion-icon name="mail"></ion-icon>Archive
-            </ion-item-option>
-            <ion-item-option color="danger" onclick="del('item3')" expandable class="sliding-enabled">
-              <ion-icon name="trash"></ion-icon>Delete
-            </ion-item-option>
-          </ion-item-options>
-        </ion-item-sliding>
-
-
-        <ion-item-sliding id="item4">
-          <ion-item>
-            <ion-icon name="mail" slot="start"></ion-icon>
-            <ion-label>
-              One Line w/ Icon, div only text
-            </ion-label>
-          </ion-item>
-          <ion-item-options icon-start (ionSwipe)="archive($event)">
-            <ion-item-option color="primary" onclick="archive('item4')" expandable class="sliding-enabled">
-              <ion-icon name="archive"></ion-icon>Archive
-            </ion-item-option>
-          </ion-item-options>
-        </ion-item-sliding>
-
-
-        <ion-item-sliding id="item5" class="sliding-enabled">
-          <ion-item>
-            <ion-avatar slot="start">
-              <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
-            </ion-avatar>
-            <ion-label>
-              One Line w/ Avatar, div only text
-            </ion-label>
-          </ion-item>
-          <ion-item-options>
-            <ion-item-option color="primary" expandable>
-              <ion-icon name="more"></ion-icon>More
-            </ion-item-option>
-            <ion-item-option color="secondary" onclick="archive('item5')">
-              <ion-icon name="archive"></ion-icon>Archive
-            </ion-item-option>
-            <ion-item-option color="light" onclick="del('item5')">
-              <ion-icon name="trash"></ion-icon>Delete
-            </ion-item-option>
-          </ion-item-options>
-        </ion-item-sliding>
-
-
-        <ion-item-sliding id="item7">
-          <ion-item>
-            <ion-label>
-              One Line, dynamic icon-start option
-            </ion-label>
-          </ion-item>
-          <ion-item-options icon-start>
-            <ion-item-option color="primary">
-              <ion-icon name="more"></ion-icon>
-              <span class="more-text"></span>
-            </ion-item-option>
-            <ion-item-option color="secondary" onclick="archive('item7')">
-              <ion-icon name="archive"></ion-icon>
-              <span class="archive-text"></span>
-            </ion-item-option>
-          </ion-item-options>
-        </ion-item-sliding>
-
-        <ion-item-sliding id="item8">
-          <ion-item>
-            <ion-thumbnail slot="start">
-              <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
-            </ion-thumbnail>
-            <ion-label>
-              <h2>DOWNLOAD</h2>
-              <p>Paragraph text.</p>
-            </ion-label>
-          </ion-item>
-          <ion-item-options (ionSwipe)="download('item8')">
-            <ion-item-option color="primary" onclick="archive('item8')">
-              <ion-icon name="archive"></ion-icon>Archive
-            </ion-item-option>
-            <ion-item-option color="secondary" expandable onclick="download('item8')">
-              <ion-icon name="download" class="download-hide"></ion-icon>
-              <div class="download-hide">Download</div>
-
-              <ion-icon class="download-spinner" name="refresh"></ion-icon>
-              <div class="download-spinner">Loading...</div>
-            </ion-item-option>
-          </ion-item-options>
-        </ion-item-sliding>
-
-        <ion-item-sliding id="item9">
-          <ion-item>
-            <ion-thumbnail slot="start">
-              <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
-            </ion-thumbnail>
-            <ion-label>
-              <h2>ion-item-sliding without options (no sliding)</h2>
-              <p>Paragraph text.</p>
-            </ion-label>
-          </ion-item>
-        </ion-item-sliding>
-
-        <ion-item text-wrap>
-          <ion-label>
-            <h2>Normal ion-item (no sliding)</h2>
-            <p>Paragraph text.</p>
-          </ion-label>
-        </ion-item>
-
-        <ion-item text-wrap onclick="clickedItem('item9')">
-          <ion-label>
-            <h2>Normal button (no sliding)</h2>
-            <p>Hey do you want to go to the game tonight?</p>
-          </ion-label>
-        </ion-item>
+        </div>
 
       </ion-list>
 
diff --git a/packages/core/src/components/list/list.tsx b/packages/core/src/components/list/list.tsx
index 507ee2ec70..2eda6baf8e 100644
--- a/packages/core/src/components/list/list.tsx
+++ b/packages/core/src/components/list/list.tsx
@@ -1,4 +1,6 @@
-import { Component, h, Method } from '@stencil/core';
+import { Component, h, Method, State } from '@stencil/core';
+
+import { ItemSliding } from '../item-sliding/item-sliding';
 
 @Component({
   tag: 'ion-list',
@@ -12,6 +14,8 @@ import { Component, h, Method } from '@stencil/core';
   }
 })
 export class List {
+  @State() openContainer: ItemSliding;
+
   render() {
     return <slot></slot>;
   }
@@ -21,8 +25,7 @@ export class List {
    */
   @Method()
   closeSlidingItems() {
-    // TODO implement this
-    console.log('in list method closeSlidingItems');
-    // this._slidingGesture && this._slidingGesture.closeOpened();
+    this.openContainer.close();
+    this.openContainer = null;
   }
 }