title: How to hide and show content based on drop down selection
body: <p>I want to hide and show a div based on a drop down selection. That is if I select drop down option 1, div with the id 1 should show up, and for 2 div with id 2 and so on. But I want to do this without using jQuery but with css or Javascript. Is this possible? Heres my sample drop down. Thanks guys.</p>
  
  <pre><code>&lt;select name="options"&gt;
    &lt;option value="1"&gt; Loan Protection Insurance&lt;/option&gt;
    &lt;option value="2"&gt; GAP or Cash Assist Insurance&lt;/option&gt;
    &lt;option value="3"&gt; Home Insurance&lt;/option&gt;
    &lt;option value="4"&gt; Landlords Insurance&lt;/option&gt;
    &lt;option value="5"&gt;  Car Insurance&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;div id="1"&gt;Test&lt;/div&gt;
  &lt;div id="2"&gt;Test&lt;/div&gt;
  </code></pre>