title: Modifying CSS/JS to stay expanded
body: <p>I've been playing around with our question form for a while, and am having trouble figuring out how to tweak its effect. <a href="http://rayku.com/start" rel="nofollow noreferrer">http://rayku.com/start</a></p>
  
  <p><a href="http://rayku.com/ss/2012-02-23_03-26-56.png" rel="nofollow noreferrer">http://rayku.com/ss/2012-02-23_03-26-56.png</a></p>
  
  <p>Something really annoying is that if I don't type anything in the question box, and I click on anything on the form below it, it will go back to its original collapsed state.</p>
  
  <p>Do you know how I can modify the CSS or JS so that it will only collapse if I click outside of the combined form area </p>
  
  <p><img src="https://i.stack.imgur.com/2Hl02.png" alt="enter image description here"></p>
  
  <p>WHILE there is no text that is typed in the question field?</p>
  
  <p>Thanks!</p>