<!--
  This in an HTML Import-able file that contains the definitions
  for the following elements:

    <toggle-display-sk>

  To use this file import it:

    <link href="res/imp/cluster.html" rel="import" />

-->
<polymer-element name="toggle-display-sk">
  <template>
    <style type="text/css" media="screen">
      paper-button {
        color: #1f78b4;
      }
      paper-button:hover {
        background: #eee;
      }
    </style>
    <paper-button>
      <content></content>
    </paper-button>
  </template>
  <script>
    (function() {
      function toggle(e) {
        e.target.nextElementSibling.classList.toggle("display");
      };

      Polymer({
        ready: function() {
           this.addEventListener('click', toggle);
        },
        detached: function() {
           this.removeEventListener('click', toggle);
        },
      });
    })();
  </script>
</polymer-element>