title: How to Show/Hide Div on SelectedIndex in Bootstrap 3?
body: <p>I have this code:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label for="slDisThrough" class="col-sm-1 control-label"&gt;Distributed Through&lt;/label&gt;
      &lt;div class="col-sm-11"&gt;
          &lt;select name="slDisThrough" id="slDisThrough" class="form-control"&gt;
              &lt;option value="0"&gt;-Select-&lt;/option&gt;
              &lt;option value="1"&gt;Agent&lt;/option&gt;
              &lt;option value="2"&gt;Retail&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="slAgentID" class="hide"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="slAgent" class="col-sm-1 control-label"&gt;Agent&lt;/label&gt;
          &lt;div class="col-sm-11"&gt;
              &lt;select name="slAgent" class="form-control"&gt;
                  &lt;option value="0"&gt;-Select-&lt;/option&gt;
                  &lt;option value="1"&gt;Show&lt;/option&gt;
                  &lt;option value="2"&gt;Hide&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="slRetailID" class="hide"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="slRetail" class="col-sm-1 control-label"&gt;Retail&lt;/label&gt;
          &lt;div class="col-sm-11"&gt;
              &lt;select name="slRetail" class="form-control"&gt;
                 &lt;option value="0"&gt;-Select-&lt;/option&gt;
                  &lt;option value="1"&gt;Hide&lt;/option&gt;
                  &lt;option value="2"&gt;Show&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/eligiable/Le3uf/1/" rel="nofollow">Check this Fiddle</a></p>
  
  <pre><code>if(document.getElementById("slDisThrough").selectedIndex == 1) {
      document.getElementById("slAgentID").style.display = ""; }
      else { document.getElementById("slAgentID").style.display = "none"; }
  if(document.getElementById("slDisThrough").selectedIndex == 2) {
      document.getElementById("slRetail").style.display = ""; }
      else { document.getElementById("slRetail").style.display = "none"; }
  </code></pre>
  
  <p>I need to Show/Hide the DIVs on Selected Value, I was previously using it with JavaScript, but stuck with Bootstrap.</p>