diff --git a/demo/index.html b/demo/index.html
index 2399e81..935a4b0 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -18,6 +18,7 @@
     <link rel="import" href="../../paper-button/paper-button.html">
 
     <link rel="import" href="../iron-accordion.html">
+    <link rel="import" href="../iron-accordions.html">
 
     <style>
       iron-accordion img {
diff --git a/iron-accordions.html b/iron-accordions.html
index 8f15b87..9fc167d 100644
--- a/iron-accordions.html
+++ b/iron-accordions.html
@@ -10,7 +10,6 @@
 
 <link rel="import" href="../polymer/polymer.html">
 <link rel="import" href="../iron-selector/iron-multi-selectable.html">
-<link rel="import" href="iron-accordion.html">
 
 <!--
 [*Github Repo*](https://github.com/alijaya/iron-accordions)
@@ -50,7 +49,7 @@ <h2 header>Compound Header</h2>
       }
     </style>
 
-    <content></content>
+    <slot></slot>
   </template>
 
   <script>
@@ -72,22 +71,6 @@ <h2 header>Compound Header</h2>
         // necessary), or kick off any processes the element wants to perform.
         this.selectable = 'iron-accordion';
         this.activateEvent = 'iron-accordion-header-tap';
-      },
-
-      attached: function() {
-        // `attached` fires once the element and its parents have been inserted
-        // into a document.
-        //
-        // This is a good place to perform any work related to your element's
-        // visual state or active behavior (measuring sizes, beginning animations,
-        // loading resources, etc).
-      },
-
-      detached: function() {
-        // The analog to `attached`, `detached` fires when the element has been
-        // removed from a document.
-        //
-        // Use this to clean up anything you did in `attached`.
       }
     });
   </script>