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

Программисты Html
Ответить
Anonymous
 Как показать/скрыть разделы на Hover?

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»