HTML + CSS：水平子菜单，始终显示

Question

我正在学习HTML + CSS来创建一个简单的网站，顶部有一个菜单。当鼠标光标悬停在其中一个菜单项上时，它会展开并显示一个子菜单。

子菜单是另一个水平菜单栏，与我们通常在应用程序中看到的常用垂直子菜单项不同。我希望我帮助你想象它。

现在，子菜单工作正常，但只有在鼠标光标悬停时才会显示。我希望子菜单始终显示。是否可以在HTML + CSS中使用？

谢谢！

Answer 1

我认为在那里使用简单jQuery的最佳方法。 简单点击功能可以做你想做的一切。 在关闭body标签之后，将其添加到代码的底部。

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function(){
    $('your Menu Div Selector').click(function(){
        $('you dropdown div selector').show();
    });
});
</script>

类似这样的事情