title: Onclick in a INPUTBOX - show a text near - onclick out text disappear
body: <p>I have a inputbox. What I want to make it when I click in the inputbox a text to appear NEAR the inputbox, if I click OUT inputbox, the text disappears...</p>
  
  <p>I've tried this, and it works but not completely:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .hidden {display:none} 
  &lt;/style&gt;
  </code></pre>
  
  <p>then</p>
  
  <pre><code>&lt;input name="title" type="text" id="title" onclick="document.getElementById ('TEXT_CLASS').className = document.getElementById ('TEXT_CLASS').className == 'hidden' ? '' : 'hidden'" /&gt;
  </code></pre>
  
  <p>then</p>
  
  <pre><code>&lt;span id="TEXT_CLASS" class="hidden"&gt;the text that I want to appear on click&lt;/span&gt;
  </code></pre>
  
  <p>so this all does works, BUT, the text does not disappear when I click out, the text just toggles..</p>
  
  <p>Can somebody please help me in making the text appear ONLY when "onclick", and disappear ONLY when "click out"?</p>
  
  <p>Thank you</p>