jQuery是一种流行的JavaScript库，用于简化客户端脚本的编写。其中一个常见的用途是操作DOM元素，例如隐藏和显示层。在某些情况下，我们可能需要重复执行此操作，例如当用户点击一个按钮时
//HTML代码<button id="toggle-btn">点击我</button><div id="box">这是一个隐藏的层</div>//jQuery代码$(document).ready(function(){$("#toggle-btn").click(function(){$("#box").toggle();});});这段代码将在页面加载后执行，并绑定按钮的点击事件。当用户点击按钮时，jQuery将选中id为“box”的元素，并通过toggle()方法显示或隐藏该元素。
但是，这段代码只能在第一次点击按钮时隐藏或显示层。如果用户再次点击按钮，层将保持在当前状态，而不是切换到另一个状态。为了解决这个问题，我们可以使用一个标志变量，指示层当前处于显示或隐藏状态
//HTML代码和jQuery代码相同//新的jQuery代码$(document).ready(function(){var visible = false;$("#toggle-btn").click(function(){if(visible) {$("#box").hide();visible = false;} else {$("#box").show();visible = true;}});});这段代码添加了一个名为visible的变量，其初始值为false。每次单击按钮时，代码将检查变量的当前状态。如果层当前处于显示状态，则将使用hide()方法隐藏它，并设置visible变量为false。否则，将使用show()方法显示层，并将visible变量设置为true。
通过这个方法，我们可以重复单击按钮，以切换层的显示或隐藏状态。
