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

Question

下面是我的代码，其中我提到的一个是锚标记中的锚标记，我给出了“class=trigger”。在该锚标记中，我有主要类别，在该锚标记之后，我给出了一个 div，该 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>