title: Greying out (disabling) all other select items when one is selected?
body: <p>I'm working on a multiselect where I need to disable and grey out all other items when the first "all" is selected (and active).  I'm able to select the correct option, but I'm having trouble actually disabling other items when one is selected, then reenabling them when it's deselected.</p>
  
  <p>What comes to mind for me, is to somehow append/remove the "disabled" modifier on each other options when the first is selected.</p>
  
  <p>My code so far:</p>
  
  <p>Jquery</p>
  
  <pre><code>    $('.specialty_select_box').change(function(){
          if($(this).val() == 'all'){
              ......
          }
      });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;select multiple class="specialty_select_box" name="name" data-placeholder="Select All That Apply" id="specialty"&gt;
      &lt;option style="font-weight: bold;" value="all"&gt;All Specialties&lt;/option&gt;
      &lt;option value="1"&gt;Balance&lt;/option&gt;
      &lt;option value="2"&gt;Therapy&lt;/option&gt;
      &lt;option value="3"&gt;Analysis&lt;/option&gt;
      &lt;option value="4"&gt;Occ Therapy&lt;/option&gt;
      &lt;option value="5"&gt;Medicine&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>