title: The next step towards efficient jQuery...?
body: <p>I'm using the below code for a rollover effect, seems to be working okay!</p>
  
  <p>What I'm interested in is taking this to the next step in a modular way. What I mean is that rather than stipulate every single possibility, how could I start to produce what I suppose would be a plugin?</p>
  
  <p>Many thanks!</p>
  
  <pre><code>$(document).ready(function() {
  
      $('#damart_490').hide();
      $('#simply_490').hide();
  
      $('.damart_link').hover(
          function() {
              $('#damart_490').show('blind',250);
                      },
          function() {
              $('#damart_490').hide('blind',250);
      });
  
      $('.simply_link').hover(
          function() {
              $('#simply_490').show('blind',250);
                      },
          function() {
              $('#simply_490').hide('blind',250);
      });
  
  });
  </code></pre>
  
  <hr>
  
  <p><strong>UPDATE:</strong><br>
  Sorry if this is very simple but how would I make this into a separate file plugin and reference it? At the moment I've got a file called <strong>rollover.js</strong> with this in...</p>
  
  <pre><code>function hover_link(link, element)
      {
          $(element).hide();
  
          $(link).hover(
              function() {
                  $(element).show('blind',250);
              },
              function() {
                  $(element).hide('blind',250);
          });
      }
  </code></pre>
  
  <p>And this in my page...</p>
  
  <pre><code>&lt;script src="js/rollover.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  $(document).ready(function() {
  
  $hover_link('.damart_link', '#damart_490');
  $hover_link('.simply_link', '#simply_490');
  
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Am I just missing some syntax?! Thank-you!</p>