title: How to disable or destroy a jQuery plugin function?
body: <p>I have a gallery that uses the <a href="http://tympanus.net/codrops/2012/08/02/animated-responsive-image-grid/">jQuery <strong>gridrotator</strong></a> effect. I want to enable the effect when I click on button "<em>enable effect</em>".</p>
  
  <pre><code>&lt;button id="build"&gt;Enable Effect&lt;/button&gt;
  &lt;script type="text/javascript"&gt;
      $("button#build").click(function(){
          $('#ri-grid').gridrotator();
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>And the enablig effect works fine (see this <a href="http://domandar.com/test/index.html">test</a>). To disable effect there is no a <code>destroy</code> method for this plugin. So I tried to <code>return</code> to <code>false</code> the function but doesn't work.</p>
  
  <pre><code>&lt;button id="destroy"&gt;Disable Effect&lt;/button&gt;
  &lt;script type="text/javascript"&gt;
      $("button#destroy").click(function(){
          $('#ri-grid').gridrotator(function(){
              return false;
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>How can I disable or destroy this function?<br/>
  Thank you so much for any help! :)</p>