title: Superfish plugin: $.fn.extend({...}) -- How does this code work?
body: <p>Superfish JS is <a href="http://users.tpg.com.au/j_birch/plugins/superfish/js/superfish.js" rel="nofollow">here</a>.</p>
  
  <p>Here's the relevant code:</p>
  
  <pre><code>$.fn.extend({
      hideSuperfishUl : function() {
          // ...code here...
          return this;
      },
      showSuperfishUl : function(){
          // ...code here...
          return this;
      }
  });
  </code></pre>
  
  <p>Questions:</p>
  
  <p>Does <code>$.fn.extend({...});</code> allow users to override <code>hideSuperfishUl</code> &amp; <code>showSuperfishUl</code> functions? If so, what does the syntax look like to change these methods when calling the plugin:</p>
  
  <pre><code>&lt;script&gt; 
  
      $(document).ready(function() { 
          $('ul.sf-menu').superfish(); // How to override hideSuperfishUl &amp;/or showSuperfishUl?
      }); 
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Superfish was written a while back... Is this still the best way to allow users to override plugin <s>functionality</s> functions/methods/other? If not, is there a "best" way?</p>