title: Condition to toggle a set of divs based on dropdown and radio selection
body: <p>Condition to toggle a set of divs based on dropdown and radio selection</p>
  
  <p>I need a way to toggle a set of divs based on the selection of a dropdown 
  AND if a radio button is selected. It would be a toggle and not two 
  separate div instances</p>
  
  <p>Dropdown = If 1 = Show div1, If 2 = Show div2, If 3 = Show div3, If 4 = Show div4</p>
  
  <p>If "subscription" radio is selected then the dropdown would toggle 4 different divs and hide the previous ones - 
  Dropdown = If 1 = Show div5, If 2 = Show div6, If 3 = Show div7, If 4 = Show div8</p>
  
  <pre><code>&lt;Select id="dropdown"&gt;
  &lt;option value="1"&gt;One&lt;/option&gt;
  &lt;option value="2"&gt;Two&lt;/option&gt;
  &lt;option value="3"&gt;Three&lt;/option&gt;
  &lt;option value="4"&gt;Four&lt;/option&gt;
  &lt;/Select&gt;
  &lt;input type="radio" name="subscription" id="subscription" value=""&gt;
  
  &lt;!-- If subscription is NOT selected, dropdown toggles these --&gt;
  &lt;div id="div1"&gt;Some content aaa&lt;/div&gt;
  &lt;div id="div2" style="display: none"&gt;Some content bbb&lt;/div&gt;
  &lt;div id="div3" style="display: none"&gt;Some content ccc&lt;/div&gt;
  &lt;div id="div4" style="display: none"&gt;Some content ddd&lt;/div&gt;
  
  &lt;!--If subscription IS selected, dropdown toggles these --&gt;
  &lt;div id="div5" style="display: none"&gt;Some content fff&lt;/div&gt;
  &lt;div id="div6" style="display: none"&gt;Some content ggg&lt;/div&gt;
  &lt;div id="div7" style="display: none"&gt;Some content hhh&lt;/div&gt;
  &lt;div id="div8" style="display: none"&gt;Some content iii&lt;/div&gt;
  </code></pre>