将鼠标悬停在主按钮上时显示辅助按钮

Question

是否可以创建辅助按钮，以便在鼠标悬停或点击主按钮时显示该按钮？ 所以主要的按钮可能是“火车”。然后当你将鼠标悬停在该按钮上时，将出现2个附加的辅助按钮，例如， “火车1”和“火车2”。

<div id="button_group"> 
    <button type = "button" class = "Button" id="trains" > Trains </button> <br /> 
    <button type = "button" class = "Button" id="train1" > Train 1 </button> <br /> 
    <button type = "button" class = "Button" id="train2" > Train 2 </button> <br /> 
</div> 

Answer 1

http://jsfiddle.net/m9vZn/

添加这个CSS：

#train1, #train2 { 
    display: none; 
} 
#button_group:hover > button { 
    display: inline-block; 
}