title: Select "Option" Div Hide/Show using JQuery
body: <p>I am trying to create an auto hide/show function for when someone selects a certain "option" on a select element. Here's what I have for the "selector":</p>
  
  <pre><code>&lt;li id="foli16" class="name notranslate"&gt;
                      &lt;label class="desc" id="title16" for="Field16"&gt;
                          Repeat Pattern
                          &lt;span id="req_16" class="req"&gt;&lt;/span&gt;
                      &lt;/label&gt;
                      &lt;span class="left"&gt;
                          &lt;select id="Field16" style="margin-left: 0px;" name="" class="field select"&gt;
                              &lt;option value="" &lt;?php echo $doc_selected; ?&gt;&gt;None&lt;/option&gt;
                              &lt;option value="" &lt;?php echo $doc_selected; ?&gt;&gt;Daily&lt;/option&gt;
                              &lt;option value="" &lt;?php echo $doc_selected; ?&gt;&gt;Weekly&lt;/option&gt;
                              &lt;option value="" &lt;?php echo $doc_selected; ?&gt;&gt;Monthly&lt;/option&gt;
                              &lt;option value="" &lt;?php echo $doc_selected; ?&gt;&gt;Yearly&lt;/option&gt;
                          &lt;/select&gt;
                      &lt;/span&gt;
                      &lt;p class="instruct" id="instruct16"&gt;&lt;small&gt;How often does this test occur?&lt;/small&gt;&lt;/p&gt;
                  &lt;/li&gt;
  </code></pre>
  
  <p>When someone selects the "daily" option, I want the div with the id of "daily" to show. If they select a different one, it needs to close the visible one and show the new selection.</p>
  
  <p>I have done this before with click buttons and a single toggle, but I am unsure how to write this for such a large toggle, especially using a select "option". I assume my options will need ID's as well.</p>