1、在HTML中元素的隐藏和显示是靠CSS的display属性，当display=时，元素隐藏 可以通过jquery的toggle方法控制display 先在页面放一个按钮和iframe 显示隐藏ltbotton引入jQuery库文件 给onshow添加单击事件 $function；selectortogglespeed，callbackspeed可选规定 hideshow 效果的速度默认是 quot0quot可能的值毫秒比如 1500quotslowquotquotnormalquotquotfastquotcallback可选当 toggle 方法完成时执行的函数4显示或隐藏；1隐藏元素 使用hide方法，如下图2显示隐藏的元素，使用show方法，如下图。

2、1toggletoggle方法除了模拟鼠标连续单击事件之外，同时会动态的隐藏改变当前元素的高度，宽度和不透明度，最终切换当前元素的可见状态如果元素可见，则切换隐藏状态，如元素隐藏，切换可见状态 2fadeln与fadeOut；2然后引入Jquery的库文件，编写代码首先获取a标签的dom并给它加一个click事件，在click的回调中判断div是否为隐藏状态，是的话就隐藏div否则就显示div3最后来到编辑器右侧的浏览器，可以看到此时div是显示的4点击；这段的两个按钮，可以实现单独控制 及 同时控制 quot显示quot和quot隐藏quot 的功能$function $quota1， a2quotonquotclickquot，function $quotbquottoggle；今天的重点不是显示和隐藏，而是监听某个布尔变量值，自动改变元素显示和隐藏状态监听函数if判断选择dom设置dom，5行代码搞不定吧，而且毫无技术含量看代码 ngshow and nghide directives 字符串1 字符串2。

3、toggle方法已经被jquery18之后所抛弃，所以我们在用toggle实现元素的隐藏和显示时不能直接用toggle要么使用18之前的jquery，要么替代替代html页面 显示与隐藏 请点击这里 var i =0quotbuttonquotclickfunction；quotselectquothide 隐藏下拉框$quotselectquotshow 显示下拉框$quotselectquottoggle 如果下拉框是显示的则隐藏之，反之亦然示例代码如下 创建Html元素 点击按钮可以显示或隐藏下拉框请；显示隐藏文件的最简单方法是使用终端只要打开终端位于应用程序实用工具，将以下代码复制进去然后回车 defaults write AppleShowAllFiles bool YES Finder需要重启才能应用修改，在终端中接着输入 kill；需要准备的材料分别有电脑html编辑器浏览器1首先，打开html编辑器，新建html文件，例如indexhtml，并引入jquery2在indexhtml中的标签，输入jquery代码#39button#39clickfunction if $thist；jQuery提供了toggle函数用于切换显示和隐藏显示被隐藏的元素，隐藏已显示的元素，示例代码切换显示我是目标元素$documentreadyfunction $quotbuttonquotclickfunction $quot#testquottoggle。

4、function 页面加载完成之后，进行事件绑定 $quot#btnquottoggle function $quot#divquothide 第1，3，5，7，8，9次点击按钮，div隐藏 ， function $quot#div。

5、jQuery toggle是一种前端交互效果，其意思是在两个状态之间切换显示在需要展开和折叠内容的地方使用它可以提供很好的用户体验比如，可以将一个列表的详细内容隐藏起来，只显示摘要，用户需要展开时再观看详细内容，通过jQuery。

6、toggle 的作用就是当对象是显示的就隐藏，当是隐藏的则显示 如果你除了显示和隐藏之外还需要同时实现其他功能的话，可以这样$documentreadyfunctione $quotbutquotclickfunctione if $quotabcquot。