enmi12/glossaire/_posts/tests/2011-03-27-destroy.html
author ymh <ymh.work@gmail.com>
Mon, 08 Sep 2025 19:44:41 +0200
changeset 23 417f20492bf7
parent 0 d970ebf37754
permissions -rwxr-xr-x
Update Docker configuration and plugin versions - Upgrade MariaDB from 10.6 to 11 with auto-upgrade support - Add WordPress debug environment variable to FPM container - Update PHP-FPM Dockerfile base image - Update Include Mastodon Feed plugin with bug fixes and improvements - Update Portfolio plugin (v2.58) with latest translations and demo data enhancements - Remove old README.md from Mastodon Feed plugin 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>

---
title: destroy
layout: default
category: tests
---

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

  <section id="copy">
    <p>Click <em>init</em> button the <em>destroy</em>. Original CSS, pre-init, should be re-applied, all items back to visibility.</p>
  </section>

  <section id="options">
    <button id="init">Init Isotope instance</button>
    <button id="destroy">Destroy Isotope instance</button>
  </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');
    
      $('#init').click(function(){
        $container.isotope({
          itemSelector: '.element',
          filter: '.metal'
        });
      });
      
      $('#destroy').click(function(){
        $container.isotope('destroy');
      });
    
    });
  </script>