joomla中可点击的下拉菜单

Question

我有 CSS(HTML) 水平菜单并且一切正常，但是当我用鼠标触摸菜单之一时“listing " 出现了，但我想让它可以点击。

我几乎尝试了这一行中的所有内容：

.main-nav-ul li:hover ul {
    display: block;
}

但是没有成功... 我正在使用 Joomla 和自定义 HTML CSS Javascript 模块。
我使用这个代码：

我希望在单击 ЧАСТИ ЗА LED ТАБЕЛИ 时能够看到该类别中的子菜单。

Answer 1

使用 css 你只能处理悬停（鼠标进入和鼠标离开）。处理点击你应该使用 javascript:

$('.main-nav-ul li').click((e)=>{
  $(e.target).closest('li').toggleClass('toggled');
});

它会在点击 li 元素时切换 (add/remove) toggled class。

那么您应该将 css 中的 li:hover 替换为 li.toggled ，以便在 li 切换 class.

时应用切换样式

你可以在codepen

中看到这个

Clickable drop down menu in joomla