---
title: destroy01
layout: demo
category: tests
---

  <style>
    #container {
      width: 80%;
      height: 80%;
    }
  </style>

  <section id="copy">
    <p>After <code>destroy</code>-ing Isotope, original CSS gets re-applied</p>
  </section>

  <div id="container" style="height: 600px">
    {% for element in site.elements limit:20 %}
      {% include element-partial.html %}
    {% endfor %}
  </div> <!-- #container -->

  <script src="../{{ site.jquery_js }}"></script>
  <script src="../{{ site.isotope_js }}"></script>
  <script>
    $(function(){
    
      var $container = $('#container');
    
      $container.isotope({
        itemSelector: '.element',
        filter: '.metal'
      });
    
    });
  </script>