Как показать/скрыть разделы на Hover? ⇐ Html

[Anonymous]

У меня есть страница с тремя заголовками (билеты, столовая и отель), и каждый заголовок имеет свой собственный раздел. Я хочу, чтобы это так, когда я зависаю над любым заголовком, он показывает соответствующий раздел. По умолчанию показан раздел билета.

Код: Выделить всё

;
Tickets;
Dinings
Hotels&lt
;


#tickets {
display: block; #show tickets on defualt
}
.dining-m:hover + .dinings {
display: block; #show dinings when dining header is hovered
}
< /code>
.menu-header[data-target="dinings"]:hover ~ .menu-sections #dinings,
.menu-header[data-target="dinings"]:hover ~ .menu-sections #dinings:hover {
display: block;
}

Оба вообще не работали, я не уверен, что моя структура HTML не позволяет ей работать или я использую неправильный подход для CSS.>

Подробнее здесь: https://stackoverflow.com/questions/795 ... s-on-hover