单击后隐藏和显示菜单

Question

我刚用css和html开始学习，我遇到了第一个问题。点击它后我尝试显示我的菜单。当我点击它时，菜单项显示并立即隐藏。下次点击我的菜单后如何显示和隐藏？ 有演示：jsfiddle.net/jekfej46/1/非常感谢。

Answer 1

这种情况正在发生，因为:active只是一个州。单击某个元素时，它会将状态更改为:active，但仅在您持有时将其更改为。最好的方法是使用jQuery在单击该按钮时向菜单添加一个类。

如果您不知道如何使用jQuery，那么互联网上有很多教程可以轻松指导您完成。一旦你掌握了原则，这很容易。

这是一个工作小提琴：http://jsfiddle.net/jekfej46/1/

在这种情况下，JavaScript会检查元素是否已具有active类。如果是，则删除该类，以便关闭菜单。但如果你愿意，你可以改变这种行为。

Answer 2

您不能仅使用CSS执行click事件。你在这里需要JavaScript。像这样的东西会使用jQuery为你做这个。

$('#category').on('click', function(){
    $('.dropdown-content').show();
});

Answer 3

哦，很多人。现在，我知道我还需要js和jQ来改进我的页面。感谢。