2015-06-12 4 views
-1

Я очень близко. Как я могу выбрать МЕНЮ 1 на моем .fiddle в качестве опции меню по умолчанию, а затем изменить, когда МЕНЮ 2 при наведении?Меню CSS на селекторе hover

Заранее спасибо. Продолжайте кодирование! :)

+1

Ваша скрипка уже работает правильно? –

+3

Вопросы поиска справки по отладке («почему этот код не работает?») Должны включать в себя желаемое поведение, конкретную проблему или ошибку и кратчайший код, необходимый для его воспроизведения ** в самом вопросе **. –

+0

Praveen Kumar, скрипка работает, однако у меня возникают проблемы с отображением МЕНЮ 1 по умолчанию. При наведении на МЕНЮ 2 скрыть МЕНЮ 1. – Elvis

ответ

2

Чтобы изменить это полностью от JQuery на основе вашего ответа сделайте следующее:

  1. Изменения #submenu1 из display:none; в display: block;
    Это покажет первое меню по умолчанию.

  2. Добавить следующий раздел CSS

    #a2:hover ~ #submenu1 { display: none; }

~ персонаж выбирает # submenu1 при наведении курсора a2 элемента. Затем он меняет его на отображение: none ;. Поскольку у вас уже есть код для установки подменю2, отображаемого при наведении курсора на a2, все это скрывает элемент подменю1.

+0

Спасибо Тодд. Я бы хотел, чтобы он работал только с CSS. – Elvis

+0

@ Элвис Я обновил свой ответ на основе этого. Гораздо проще, и я тоже чему-то научился! –

+0

Простое примечание: если это сработало для вас, можете ли вы отметить его как принятый ответ? :) Спасибо @ Элвис! –

Смежные вопросы