title: How to hide the dropdown list in a select box?
body: <p>I'm working on a little custom dropdown multi-select using JQuery.</p>
  
  <p>What I'm doing is hiding a multiple select box until a seperate select box is clicked - to keep things looking native in the browser it's in.</p>
  
  <p>However, I'm trying to make the multiple select box look kind of like it's part of the normal select box.</p>
  
  <p>So, you click the select box and the multiple appears just below it, appearing to be part of it.</p>
  
  <p>Then, when you make your selections and click the original select box, the multiple box disappears again.</p>
  
  <p>Anyway, this is all working great, except the single option I have inside the standard box keeps appearing on top of the multiple select box.</p>
  
  <p>I've tried using z-index properties to fix this, but to no avail.</p>
  
  <p>Is there a way to hide the dropdown, or essentially disable the dropdown without actually setting the disabled attribute?</p>