html - 尝试创建一个下拉菜单，其中标题在下拉菜单中更改高度

Question

我正在尝试创建一个标题，当您将鼠标悬停在“语言”按钮上时它会改变高度

您可以查看 header 的完整演示 here.

这是点击“语言”按钮之前的样子:

当您单击“语言”按钮时，我希望下拉菜单看起来像这样:

基本上标题看起来与您在演示中看到的图像完全一样，我唯一遇到困难的是下拉菜单，虽然我已经创建了下拉菜单，但我没有确定如何使它像上图一样合身。我尝试了很多不同的东西，但我似乎无法找到如何让它像图像一样。

提前谢谢你。

Answer 1

如果您希望它成为切换按钮，则可以使用 javascript 来实现。至于将其放在导航栏下方，您只需将其放在语言 div 中，然后将 id 或类切换到 div 上，然后更改下拉列表的样式以显示。