title: show/hide more than one div based on select option jquery
body: <p>i have three  elements </p>
  
  <p>when the user choose for example first option called "once" i need to show up the second and third elements together </p>
  
  <p>this is the HTML code: </p>
  
  <pre><code>&lt;div class="col-sm-6"&gt;
                                  &lt;p class="contact-form-typofservice"&gt;
                                      &lt;label for="typeofservice" class="sr-only"&gt;Type of Service&lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt;
                                      &lt;select name="typeofservice" aria-required="true" id="typeofservice" class="form-control"&gt;
                                          &lt;option value="" selected disabled hidden&gt;Type Of Service&lt;/option&gt;
                                          &lt;option value="once"&gt;Once&lt;/option&gt;
                                          &lt;option value="daily"&gt;Dayly&lt;/option&gt;
                                          &lt;option value="weekly"&gt;Weekly&lt;/option&gt;
                                          &lt;option value="monthly"&gt;Monthly&lt;/option&gt;
                                      &lt;/select&gt;
                                  &lt;/p&gt;
                              &lt;/div&gt;
  
  
  
                              &lt;div class=" col-sm-6 day-tos" id="once" style="display:none;"&gt;
                                  &lt;p class="contact-form-once-day"&gt;
                                      &lt;label for="typeofservice-onceday" class="sr-only"&gt;Visit Day&lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt;
                                      &lt;select name="visit day" aria-required="true" id="typeofservice-onceday" class="form-control"&gt;
                                          &lt;option value="" selected disabled hidden&gt;Visit Day&lt;/option&gt;
                                          &lt;option value="Monday"&gt;Monday&lt;/option&gt;
                                          &lt;option value="Tuesday"&gt;Tuesday&lt;/option&gt;
                                          &lt;option value="Wednesday"&gt;Wednesday&lt;/option&gt;
                                          &lt;option value="Thursday"&gt;Thursday&lt;/option&gt;
                                          &lt;option value="Friday"&gt;Friday&lt;/option&gt;
                                          &lt;option value="Saturday"&gt;Saturday&lt;/option&gt;
                                      &lt;/select&gt;
                                  &lt;/p&gt;
                              &lt;/div&gt;
  
  
                              &lt;div class=" col-sm-6 hour-tos" id="oncehours" style="display:none;"&gt;
                                  &lt;p class="contact-form-once-hours"&gt;
                                      &lt;label for="typeofservice-oncehours" class="sr-only"&gt;From -&gt; to&lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt;
                                      &lt;b&gt;Time visit&lt;/b&gt; &lt;input id="once-hours" type="text" class="span2" value="" data-slider-min="8" data-slider-max="18" data-slider-step="1" data-slider-value="[10,15]"/&gt; &lt;b&gt;Time End&lt;/b&gt;
                                  &lt;/p&gt;
                              &lt;/div&gt;
  </code></pre>
  
  <p>i need the Jquery Code </p>
  
  <p>thanks a lot</p>