Нужна CSS на основе вертикального расширения нав меню. Нет Javascript не допускается. У меня есть элемент управления вкладки CSS работает просто отлично, и в основном имеют меню работать нав, но я застрял. Я могу получить в меню навигации, чтобы развернуть при нажатии родительского меню, но при нажатии на подменит мгновенно сворачивается меню родительского без перенаправления пользователя на новую страницу.
Любая помощь очень ценится! Если это поможет, то вот несколько упрощенных вниз CSS / HTML код:
Код:
.CNAV {
позиция: относительная;
Дисплей: блок;
}
.CNAV уль {
Список стиле типа: нет;
}
.CNAV ул > Li {
Дисплей: блок;
плыть налево;
ширина: 100%;
Маржа: 0;
обивка: 0;
}
.CNAV ул Li > а {
Размер шрифта: 14px;
высота: 38px;
ширина: 100%;
высота строки: 38px;
граница дно: 1px твердых # c4c4c4;
границы сверху: 1px твердый белый;
цвет: # 3f3f3f;
}
.CNAV ул Li > .sub {
Дисплей: нет;
фон: RGB (255,255,255);
Запас-топ: 0px;
ширина: 100%;
}
.CNAV уль Li: с фокус + ul.sub {дисплей: блок; позиция: абсолютная; Слева направо: 0px; }
позиция: относительная;
Дисплей: блок;
}
.CNAV уль {
Список стиле типа: нет;
}
.CNAV ул > Li {
Дисплей: блок;
плыть налево;
ширина: 100%;
Маржа: 0;
обивка: 0;
}
.CNAV ул Li > а {
Размер шрифта: 14px;
высота: 38px;
ширина: 100%;
высота строки: 38px;
граница дно: 1px твердых # c4c4c4;
границы сверху: 1px твердый белый;
цвет: # 3f3f3f;
}
.CNAV ул Li > .sub {
Дисплей: нет;
фон: RGB (255,255,255);
Запас-топ: 0px;
ширина: 100%;
}
.CNAV уль Li: с фокус + ul.sub {дисплей: блок; позиция: абсолютная; Слева направо: 0px; }
Код:
<уль>
<литий>Главная а>
<ул класс ="суб">
<литий>О нас а> li>
<литий>Некоторые страницы а> li>
<литий>Другая страница а> li>
мкл>
li>
<литий>Продукты а>
<ул класс ="суб">
<литий>О нас а> li>
<литий>Некоторые страницы а> li>
<литий>Другая страница а> li>
мкл>
li>
<литий>Поддержка а>
<ул класс ="суб">
<литий>О нас а> li>
<литий>Некоторые страницы а> li>
<литий>Другая страница а> li>
мкл>
li>
мкл>
дел>