將鼠標懸停在主按鈕上時顯示輔助按鈕

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; 
}