title: javascript variable for jquery script
body: <p>I dont know Javascript at all, so sorry for asking a question like this...</p>
  
  <p>This is what I have:</p>
  
  <pre><code>$(document).ready(function(){$("#more0").click(function(){$("#update0").slideToggle("normal");});});
  $(document).ready(function(){$("#more1").click(function(){$("#update1").slideToggle("normal");});});
  $(document).ready(function(){$("#more2").click(function(){$("#update2").slideToggle("normal");});});
  $(document).ready(function(){$("#more3").click(function(){$("#update3").slideToggle("normal");});});
  $(document).ready(function(){$("#more4").click(function(){$("#update4").slideToggle("normal");});});
  $(document).ready(function(){$("#more5").click(function(){$("#update5").slideToggle("normal");});});
  $(document).ready(function(){$("#more6").click(function(){$("#update6").slideToggle("normal");});});
  $(document).ready(function(){$("#more7").click(function(){$("#update7").slideToggle("normal");});});
  $(document).ready(function(){$("#more8").click(function(){$("#update8").slideToggle("normal");});});  
  $(document).ready(function(){$("#more9").click(function(){$("#update9").slideToggle("normal");});});
  $(document).ready(function(){$("#more10").click(function(){$("#update10").slideToggle("normal");});});
  And So On.. Until #more30 and #update30...
  </code></pre>
  
  <p>So... Right now, my pages has 30 lines :)</p>
  
  <p>Is there a way to do it less complicated?</p>
  
  <p>Thanks!</p>