2014-04-25 2 views
1

메인 버튼을 가리키거나 클릭 할 때 표시되는 보조 버튼을 만들 수 있습니까? 그래서 주 버튼은 "열차"가 될 수 있습니다. 그런 다음 해당 버튼 위로 마우스를 가져 가면 보조 버튼 2 개가 표시됩니다 (예 : "열차 1"과 "열차 2".메인 버튼 위로 마우스를 가져 가면 보조 버튼이 표시됩니다.

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

가 가능 :

<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> 
j08691

+0

나는 ul & li으로 일해 보았습니다. 그러나 어느 것을 사용해야하는지 혼란 스럽습니다. 나는 또한 "display : none"스타일로 작업해야한다고 생각한다. – user3498435

답변

관련 문제