javascript - 在扩展的 div 中显示文本 W/CSS3 或 JavaScript/Jquery

Question

我正在尝试制作一个显示标题的侧边导航栏，然后在将鼠标悬停在上面时扩展为一个信息更丰富的链接。我不完全确定 div 在这里是否合适，我觉得 JavaScript 应该是答案，但我对 JavaScript 不够熟悉，不知道该走哪条路。我试过弄乱一个无序列表，认为这可能会有所帮助，但遇到了同样的问题。任何帮助将不胜感激，

这是 JSfiddle(它是一个非常粗糙的版本)http://jsfiddle.net/2G5jB/2/

           <div id="sidebar">
                <div class="slide">HELP 1<a href="#">'hidden link info'</a></div>
                <div class="slide">HELP 2<a href="#">'hidden link info'</a></div>
                <div class="slide">HELP 3<a href="#">'hidden link info'</a></div>
                <div class="slide">HELP 4<a href="#">'hidden link info'</a></div>
                <div class="slide">HELP 5<a href="#">'hidden link info'</a></div>
            </div>

Answer 1

这是更新后的 fiddle http://jsfiddle.net/2G5jB/1/

代替

 a:hover{
      visibility:visible;
 }

使用

  div.slide:hover a{
      visibility:visible;   
 }