title: Refactoring basic javascript
body: <p>I have the following code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;  
  $(function() {
      //div1 toggle
      function runEffect(){
          var options = {};
          //run the effect
          $("#div1_toggle").toggle("blind",options,350);
      };
      $("#div1").click(function() {
          runEffect();
          return false;
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Imagine the above code literally duplicated for a number of divs named div1, div2, div3, etc.</p>
  
  <p>This is horrendously bad, and I would like to rewrite the code such that it applies to a div of <i>any</i> name to toggle a div of (equal name + _toggle).</p>
  
  <p>Bonus: how could I still allow some of these divs to incorporate a different toggle speed (i.e. the 350ms specified above) while reducing redundancy?</p>