title: How to show class with hovering in Javascript?
body: <p>I have a case :</p>
  
  <p>HTML :</p>
  
  <pre><code>&lt;div class="a b"&gt;
      &lt;span class="one"&gt;Success ONE&lt;/span&gt;
      &lt;span class="two"&gt;ONE&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;div class="a b"&gt;
      &lt;span class="one"&gt;Success TWO&lt;/span&gt;
      &lt;span class="two"&gt;TWO&lt;/span&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to show .two which the default is hidden. If I use CSS, I can use :</p>
  
  <pre><code>.two {visibility:hidden;}
  .a:hover .two {visibility:visible;}
  </code></pre>
  
  <p>It works well when using CSS, but in my case, I have to comment tag this css <em>.a:hover .two {visibility:visible;}</em>.</p>
  
  <p>I want to show .two with JavaScript. Could you help me to show .two when hovering .a class? (I want the same result with JavaScript like using <code>.a:hover .two {visibility:visible;}</code>)</p>