Adding jQuery function to select box to make it change the CSS dynamically
<p>I want my select box to dynamically change the CSS of another part of the page so that the right options are visible according to each selection.</p>

<p>E.g. the right DIV elements are shown when the correlating select option is selected. </p>

<p>My select input and DIVs:</p>

<pre><code>&lt;select id="chooser" class="input_select" name="chooser"&gt;
&lt;option value=""&gt;Select...&lt;/option&gt;
&lt;option value="Car"&gt;Car&lt;/option&gt;
&lt;option value="House"&gt;House&lt;/option&gt;
&lt;option value="Commercial"&gt;Commercial&lt;/option&gt;
&lt;option value="Other"&gt;Other&lt;/option&gt;
&lt;/select&gt;

&lt;div id="car" style="display:none;"&gt;Cars&lt;/div&gt;
&lt;div id="house" style="display:none;"&gt;House related&lt;/div&gt;
&lt;div id="commercial" style="display:none;"&gt;Commercial stuff&lt;/div&gt;
&lt;div id="other" style="display:none;"&gt;Other stuff&lt;/div&gt;
</code></pre>

<p>my jquery so far:</p>

<pre><code>$(document).ready(function() {

$('#chooser').change{
  $('#house').hide()
  $('#commercial').hide()
  $('#other').hide()
  $('#car').show()
}
});
</code></pre>

<p>I'm a noob at jQuery and I just don't know HOW to tell it to filter it by which option is selected. I mean, I think I added the .change{} part right but no idea how to filter it.</p>

<p>Any help is appreciated. Thanks</p>
