title: How to show/hide a span using javascript
body: <p>Can someone show a way to show/hide a span using javascript </p>
  
  <pre><code> document.getElementById("test").style.display= 'visible';
   document.getElementById("test").style.display= 'block';
  </code></pre>
  
  <p>In the HTML Code</p>
  
  <pre><code>&lt;span id='test' ..
  </code></pre>
  
  <p>How can I overcome this problem. Is there any thing that I should think about?</p>
  
  <p><strong>UPDATE</strong>
  I have a class like this one, I want to force mouse hovering on it.</p>
  
  <pre><code>&lt;div id="test" class="tooltip effect"&gt;
          &lt;div id="second" href="#"&gt; .. &lt;/div&gt;
  </code></pre>
  
  <p>On css: </p>
  
  <pre><code>tooltip{..}
  effect{..}
  effect:hover{..}
  </code></pre>
  
  <p>Another option I tried besides your code is </p>
  
  <pre><code>document.getElementById("test").onmouseover = test.hover;
  </code></pre>
  
  <ul>
  <li>Should I re-write the hover class to another name-class, or should I tweak your code? </li>
  </ul>