如何阻止Jquery在页面加载时执行

Question

我有一块Jquery，用于强制div在用户点击另一个div（我定义的按钮）时有“滑入”效果。但是，在页面加载时，jquery已经执行，并且在用户点击时应该滑入的div已经出现并被显示出来。请有人告诉我如何阻止它，并使其在页面加载时不活动，并且仅在用户点击时起作用。感谢。

这是我的代码：

$( "#open-nav-3" ).click(function() {
  $( "#open-nav-menus" ).slideToggle( "slow" );
});

open-nav-3是用户点击以显示内容的按钮，open-nav-menus是显示的div（内容）。

我希望这可能非常简单，但我是Javascript的新手。

Answer 1

我想你只需要一个额外的

$( "#open-nav-menus" ).hide();

隐藏页面加载时的元素。在事件处理程序之前添加它：

var navMenu = $( "#open-nav-menus" );
navMenu.hide();
$( "#open-nav-3" ).click(function() {
    navMenu.slideToggle( "slow" );
});