title: Jquery - How to unhide cell if selected in dropdown
body: <p>Can't seem to wrap my head around this. I have a dropdown input that allows multiple select. When ever the "Other" option is selected it would unhide my cell and show an input to add additional details. I currently have this working with the script below however, if I select multiple options including "Other" it remains hidden. I need it to be able to unhide when ever it's selected, either with multiple options or if it's the only selected option.</p>
  
  <p>Anyone have any ideas?</p>
  
  <p>JSfiddle: <a href="https://jsfiddle.net/nh3mL3sv/" rel="nofollow">https://jsfiddle.net/nh3mL3sv/</a></p>
  
  <p>SCRIPT:</p>
  
  <pre><code>$("#support").change(function(){
          if(jQuery.inArray('Other', $(this).val()) === 0)
          {
          $(".hidden").show();
          }
          else
          {
          $(".hidden").hide();
          }    
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;
              Équipe:
          &lt;/td&gt;
          &lt;td &gt;
              &lt;select multiple id="support"&gt;
                  &lt;option value='1'&gt; 1 &lt;/option&gt;
                  &lt;option value='2'&gt; 2 &lt;/option&gt;
                  &lt;option value='3'&gt; 3 &lt;/option&gt;
                  &lt;option value='4'&gt; 4 &lt;/option&gt;
                  &lt;option value='5'&gt; 5 &lt;/option&gt;
                  &lt;option value='Other'&gt; Other &lt;/option&gt;
              &lt;/select&gt;
          &lt;/td&gt;   
  
          &lt;td&gt;
              &lt;div class="hidden" style="display: none;"&gt; 
                  Autres:
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="hidden" style="display: none;"&gt;
                  &lt;input&gt;
              &lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;                      
  &lt;/table&gt;
  </code></pre>