title: Show/hide divs based on select value
body: <p>I want a dropdown select menu to show textboxes based on the value:</p>
  
  <pre><code>var showDiv = function(goal){  
      var count = 1;  
      $('.myDIV').each(function(){  
      if(count &lt;= goal){  
      $(this).show().nextAll('.group').hide()  
      }  
  
          count = count +1  
      });  
  };  
  
  var goal = $('#mySelect').val();  
  showDiv(goal)  
  
  $('#mySelect').change(function(){  
  
         showDiv($(this).val())   
  });  
  </code></pre>
  
  <p>I'm trying but it's not working, here it is - <a href="http://jsfiddle.net/jdveR/" rel="nofollow">http://jsfiddle.net/jdveR/</a></p>
  
  <p>What i want is;</p>
  
  <p>If select 1; show 1 div
  If select 2; show 1 and 2 div
  If select 3; show 1, 2 and 3 div goes like that.</p>
  
  <p>Any help is really appreciated.
  Thanks</p>