2015-10-18 4 views
0

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

что мне нужно:

  1. когда мой курсор не витает в моем меню, мне нужно субменю по умолчанию, который имеет на классе

это то, что я смотрю это сделать enter link description here

это соединение моего кода в FIDDLE enter link description here

+0

http://jsfiddle.net/bymb6kvm/13/? –

+0

Здесь у вас такой же эффект без js: http://jsfiddle.net/bymb6kvm/14/ –

+0

Это то, чего вы хотели достичь? –

ответ

1

Я изменил свой CSS, так что вам не нужны никакие JS в настоящее время. Он работает следующим образом:

  • В нормальном состоянии отображается элемент с .on класса;
  • При наведении #menu мы скрыть все элементы .niveau2
  • При наведении некоторых вкладок, то мы показываем только его .niveau2 элемента путем добавления !important ключевого слова, чтобы отобразить свойства.
#menuu ul li:hover ul{ 
    display: inline-block !important;  
} 

#menuu ul:hover .niveau2 { 
    display: none; 
} 

#menuu .on { 
    display: block; 
} 

Вот пример с моими изменениями: http://jsfiddle.net/bymb6kvm/14/

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