Кликабельное выпадающее меню в joomla
У меня есть горизонтальное меню CSS (HTML), и все работает правильно, но когда я касаюсь мышью, появляется одно из меню «листинг», но я хочу сделать его интерактивным.
Я пробую почти все в этом ряду:
.main-nav-ul li:hover ul {
display: block;
}
Но безуспешно...
Я использую Joomla и пользовательский модуль HTML CSS Javascript.
Я использую этот код:
Я хочу, чтобы при нажатии на ЧАСТИ ЗА СВЕТОДИОДНЫЕ ТАБЕЛИ можно было видеть подменю в этой категории.
Ответы 1
С css вы можете обрабатывать только наведение (ввод мыши и вывод мыши). для обработки клика вы должны использовать javascript:
$('.main-nav-ul li').click((e)=>{
$(e.target).closest('li').toggleClass('toggled');
});
он будет переключать (добавлять/удалять) toggled класс элемента li при нажатии.
тогда вы должны заменить li:hover на li.toggled в css, чтобы применить переключаемые стили, когда li переключил класс.
вы можете увидеть это в кодовая ручка
@AmirBll спасибо за редактирование. мне было интересно, как это сказать (codepen : codepen был ужасен :p)