search
HomeWeb Front-endJS TutorialSolution to toggle() hidden problem_jquery

When I wrote an example recently, I used the toggle function, but the element would be hidden when called. Previously, it only switched between multiple events in turn. I was puzzled, so I searched online to view the jQuery API documentation. Finally found the reason:
It turns out that toggle() has changed after jQuery 1.9. The following are the Notes from the official website:
Note: This method signature was deprecated in jQuery 1.8 and removed in jQuery 1.9. jQuery also provides an animation methodnamed .toggle() that toggles the visibility of elements. Whether the animation or the event method is fired depends on the set of argumentspassed.
In earlier versions, there were two toggle() with the same name, but the execution The method is different:
.toggle( handler(eventObject), handler(eventObject) [, handler(eventObject) ] )
Description: Bind two or more handlers to the matched elements, to be executed on alternate clicks.
============================================ =========
.toggle( [duration ] [, complete ] )
Description: Display or hide the matched elements.
And later versions replace the first toggle() function It was removed, which caused the element to be hidden when it was used to call the switching function.
========================
Since this function has been removed, it is still needed to implement the requirements. How to realize the switching of multiple events in turn?
It can be triggered by judging different situations through the click event, or by setting a variable to count the number of clicks to execute different functions.

Copy code The code is as follows:

var num=0;
$('# button').click(function(e){
if(num %2 == 0){
//doSomething
}else{
//doOtherSomething
}
e .preventDefault(); //Prevent the default action of the element (if it exists)
});
Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Win11输入法悬浮窗隐藏设置Win11输入法悬浮窗隐藏设置Dec 30, 2023 pm 11:24 PM

有些小伙伴对于win11的输入法悬浮窗功能非常不习惯,使用起来总是怪怪的,因此想要关闭这个悬浮窗功能,现在就给大家介绍一下win11系统下关闭悬浮窗的正确操作方法,一起跟着操作吧。win11隐藏输入法悬浮窗1、打开电脑的设置键,然后选择“时间和语言“,进入之后再点击”输入“2、在“高级键盘设置”里找到“切换输入法”,然后把“桌面语言栏”前的勾点上,再进入“语言栏选项”3、打开后,我们点击这里的“隐藏“就可以把语言悬浮窗给关掉了。

如何隐藏Windows 11任务栏图标?如何隐藏Windows 11任务栏图标?Jan 06, 2024 am 08:38 AM

在win11系统中,如果我们觉得任务栏中的图标麻烦,可以选择将它隐藏到任务栏角溢出界面中,不过下方打开的应用任务栏中的图标是不可以隐藏的,下面就跟着小编来看一下具体的情况吧。win11任务栏图标怎么隐藏:一、居中图标1、首先,如果我们要隐藏下方任务栏中的图标,可以右键选中,点击“从任务栏取消固定”2、但是如果我们打开了这个应用,并且正在使用它,那就是无法隐藏的。二、右下角图标1、如果要隐藏右下角的应用图标,首先打开系统设置。2、然后点击左侧边栏的“个性化”,如图所示。3、接着点击进入右侧的任务栏

不拉黑不删除怎么隐藏微信好友?不拉黑不删除隐藏微信好友的方法不拉黑不删除怎么隐藏微信好友?不拉黑不删除隐藏微信好友的方法Mar 13, 2024 pm 07:19 PM

  不拉黑不删除怎么隐藏微信好友?不少的用户们想隐藏一些好友不知道要怎么去操作,下面就让本站来为用户们来仔细的介绍一下不拉黑不删除隐藏微信好友的方法吧。  不拉黑不删除隐藏微信好友的方法  方法一:  1、首先打开微信软件,在微信页面找到通讯录,点击”我的“。  2、然后我们进入到设置页面。  3、找到”隐私“选项,点击进去。  4、接着点击”不让他看“。  5、进入到不让她看页面,点击”+“勾选需要隐藏的好友

抖音短视频怎么隐藏作品 隐藏个人视频作品的方法抖音短视频怎么隐藏作品 隐藏个人视频作品的方法Mar 12, 2024 pm 12:49 PM

  抖音短视频app软件内提供的短视频作品非常多,随心所欲想看就看,而且都是永久免费提供的,不同类型的视频直播频道都是开放的,所有的视频内容都是原创的,带给大家最满意的观看方式。输入账号在线登录,各种精彩万分的短视频推送,都是根据大家日常看的,精准推荐,还能进入直播间与主播互动聊天,让你的心情更加愉悦。个人上传的作品也能隐藏起来,非常简单一键设置,刷到哪里看到哪,上下滑动无数网友的实时评论抢先看,还能分享日常的生活动态,现在小编在线详细为抖音短视频用户们推送隐藏个人视频作品的方法。首先打开抖音短

小米14如何隐藏灵动岛?小米14如何隐藏灵动岛?Mar 18, 2024 pm 03:40 PM

除了令人惊叹的硬件配置和出色的功能,小米14还隐藏着一个让人着迷的地方—灵动岛。在这里,用户可以尽情享受个性化定制以及创意无限的手机体验。不过不是所有人都喜欢这个功能的,那么,小米14如何隐藏灵动岛呢?让我们一起了解一下吧。小米14如何隐藏灵动岛?1.打开小米14手机的设置应用。2.滚动找到“特色功能”选项并点击进入。3.在特色功能页面中找到“隐藏灵动岛”选项并打开它。4.确认开启隐藏灵动岛后,返回到桌面即可看到灵动岛已被隐藏。

steam隐藏游戏在哪steam隐藏游戏在哪Feb 24, 2024 am 11:37 AM

steam中可以隐藏一些不想被看到的游戏,那么隐藏游戏在哪呢?玩家们能够在查看里点击隐藏的游戏,就能够在里面发现自己隐藏的游戏内容,这篇steam隐藏游戏位置介绍就能够告诉大家具体的方法,下面就是详细的介绍,赶紧来看看吧!《steam使用教程》steam隐藏游戏在哪答:在查看里点击隐藏的游戏具体方法:1、首先点击软件里的查看,点击隐藏的游戏。2、点击之后,在左边的菜单里就能够看到隐藏的游戏。怎么隐藏游戏:1、首先点击自己的游戏库。2、选择一个游戏,右击选择管理。3、选择隐藏此游戏。

如何使用PHP处理表单中的条件显示和隐藏如何使用PHP处理表单中的条件显示和隐藏Aug 10, 2023 pm 02:07 PM

如何使用PHP处理表单中的条件显示和隐藏在开发网页应用程序时,我们经常会遇到根据用户输入或其他条件来动态显示或隐藏表单元素的需求。使用PHP来处理这种条件显示和隐藏可以实现灵活的表单控制,提供更好的用户体验。在本文中,我们将深入介绍如何使用PHP来处理表单中的条件显示和隐藏。使用PHP来处理表单中的条件显示和隐藏的基本原理是根据用户输入或其他条件来判断是否显

教你win7系统如何隐藏本地磁盘驱动器教你win7系统如何隐藏本地磁盘驱动器Jul 09, 2023 pm 01:05 PM

如果某个磁盘上有很多需要设置隐私的文件,不想让其他人看到的话,我们除了将一个一个文件隐藏之外,还可以通过隐藏磁盘的方式快速达到隐藏目的。那么win7系统如何隐藏本地磁盘驱动器?下面小编教下大家win7系统隐藏本地磁盘驱动器的方法。原理:在win7中每个磁盘都有一个盘符,我们可以通过对指定分区进行盘符去除,这样就能达到隐藏本地磁盘的效果;隐藏本地磁盘驱动器操作方法:1、右键点击“计算机”然后选择管理。2、打开管理界面后,点击“磁盘管理”,然后右键点击要隐藏的磁盘,选择“更改驱动器号和路径”。3、这

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool