Javascript 当您进入网站时，如何使下拉菜单不被关闭？

当您进入我的网站（goerann.com）时，默认情况下下拉注册表框会关闭

$(document).ready(function() {
  $('#signup').click(function() {
    $('.signupmenu').slideToggle("fast");
  });
});

如果我在注册表中单击，注册表框将根据我的需要改变它的可见性，但默认情况下它不会开始隐藏

$(document).ready(function() {
  $('#signup').click(function() {
    $('.signupmenu').slideToggle("fast");
  });
});

我希望它只在你点击它时显示。我怎样才能做到这一点

---

这是我的jsfiddle（）

，因为您已经在使用

$（文档）。ready

事件，您可以将菜单隐藏在那里：

$(document).ready(function() {
  $('.signupmenu').hide();
  $('#signup').click(function() {
    $('.signupmenu').slideToggle("fast");
  });
});

---

下面是。

您需要做两个更改，都涉及到删除display:block。切换此div时，它将生成显示块。因此，可以将其初始化为display:none

更改此项：

<div class="signupmenu" style="display: block;">

.signupmenu {
    background-color: #FFF;
    display: block;
    ...

为此：

<div class="signupmenu">

.signupmenu {
    background-color: #FFF;
    display: none;
    ...

---

更新的fiddle

尝试更新此html行

我已将样式显示从块更改为无。啊，好的。非常感谢你！这正是我想要的。@GöranKempe如果我的答案对你有帮助，请投票并将其标记为已接受的答案：）