jQuery hide elements depending on the dropdown selection option?
<p>I am trying to hide a number of elements depending on the dropdown selection option number...Please have a look:</p>

<p>HTML:</p>

<pre><code>&lt;div class="box_1"&gt;some content&lt;/div&gt;
&lt;div class="box_2"&gt;some content&lt;/div&gt;
&lt;div class="box_3"&gt;some content&lt;/div&gt;
&lt;div class="box_4"&gt;some content&lt;/div&gt;
&lt;div class="box_5"&gt;some content&lt;/div&gt;

&lt;select id="select"&gt;
&lt;option value="1"&gt;Show 1 boxes&lt;/option&gt;
&lt;option value="2"&gt;Show 2 boxes&lt;/option&gt;
&lt;option value="3"&gt;Show 3 boxes&lt;/option&gt;
&lt;option value="4"&gt;Show 4 boxes&lt;/option&gt;
&lt;option value="5"&gt;Show 5 boxes&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>So far my JS looks like this:</p>

<pre><code>jQuery("#select").change(function() {
     var currSelection = jQuery("option:selected",this).val();

});
</code></pre>

<p>And I am not sure how to proceed from here...</p>

<p>So if 4 is selected for example, I want to hide the fifth box element and if 3 is selected, I want to hide the 4th and 5th box element...etc..
Thanks...</p>
