title: display 2 div's according to select options using jquery?
body: <p>I am using the following code to display div's according to the select option in the HTML using jquery. this works fine.</p>
  
  <p>however, I need to know how I can display both of them if the option <code>front an back</code> is selected?</p>
  
  <p>here is my current code:</p>
  
  <p>JS:</p>
  
  <pre><code>&lt;script language="javascript"&gt;
      $(function() {
          $('#Field169').change(function(){
              $('.myDivs').hide();
              $('#' + $(this).val()).show();
          });
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="myDivs" id="Front" align="center&gt;Front&lt;/div&gt;
  
  &lt;div class="myDivs" id="Back" align="center&gt;Back&lt;/div&gt;
  
  
  &lt;select id="Field169"&gt;
  &lt;option value="WHAT DO I NEED HERE??"&gt;Front and Back&lt;/option&gt;
      &lt;option value="Front"&gt;Front Only&lt;/option&gt;
      &lt;option value="Back"&gt;Back Only&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>