html - 当用户将鼠标悬停在锚标记链接上时，应打开一个下拉菜单

Question

下面是我的代码，其中我提到一个是锚标记中的锚标记，我给出了“class=trigger”。在那个锚标记中，我有主要类别，在那个锚标记之后，我给出了一个 div，它也用“class=sub”定义。在这个 div 中，我有完整的子类别。知道当用户将鼠标悬停在“class = trigger”的锚标签上时，我正在尝试实现类似的效果，然后“class = sub”的div应该显示在悬停在锚标签上。那么我们如何使用 css 或 javascript 来实现这一点。

<a class="trigger" href="{% url 'getProductsByCategory' Categories.cat_name %}">{{Categories.cat_name}}</a>
<div class="sub">
     {% for subCategories in SubCategoriesBar %}
     {% if Categories.cat_id == subCategories.parent_id %}
     <div class="item">{{subCategories.cat_name}}</div>
       {% endif %}
       {% endfor %}
</div>

标签： htmldjango