Javascript 单击按钮后无法显示表单元素 问题:

我正在尝试从按钮实现一个下拉表单。但是，我遇到了表单不可见的问题，即使在满足条件后也是如此。我不熟悉javascript和css，所以如果这是一个愚蠢的错误，请容忍我。提前谢谢

我想做的是： 默认情况下，表单将隐藏。 当用户将鼠标悬停在图像按钮上时，应在鼠标移动后显示和隐藏表单。 如果用户单击按钮，则表单应保持可见，以便用户可以输入数据并对其进行汇总。 观察： 上述目标1和2如预期那样发挥作用。 与目标3相反，即使单击按钮，表单也会自动隐藏。 不成功的方法： 使用.show而不是.cssdisplay阻止 使用form:hover设置display:block。 使用setTimeouthide_函数，500在500毫秒后隐藏窗体，而不考虑按钮单击。 代码： 这里是我的链接，你可以用它来测试

参考资料： 对于 对于

---

我已经修改了你的代码，请用小提琴检查一下

$('#dropbtn').click(function() {
  $(this).data('clicked', 'yes');
  $('#loginForm').addClass('activate');
});

只需更改数据属性：

 $('#dropbtn').click(function() {
  $(this).data('clicked', 'yes');
  $('#loginForm').css('display', 'block');
});

//固定结果