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

Question

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

如果我点击注册，注册框会根据需要将其显示为可见，但默认情况下它不会隐藏。

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

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

这是我的jsfiddle（http://jsfiddle.net/bdv2doxr/）

Answer 1

由于您已经在使用$(document).ready事件，因此可以隐藏菜单：

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

这是your fiddle updated。

Answer 2

您需要进行两项更改，包括删除display：block。当您切换此div时，它将生成显示块。因此，您可以将其初始化为display：none。

改变这个：

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

到此：

<div class="signupmenu">

并且还改变了这个：

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

到此：

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

更新了小提琴here