在展開的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

這裏是更新的小提琴 http://jsfiddle.net/2G5jB/1/

，而不是

a:hover{ 
     visibility:visible; 
} 

使用

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

Answer 2

因爲a不可見，所以不能徘徊。這就是爲什麼它不適合你。

這將做的伎倆，而不是！

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