Maison interface Web js tutoriel jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)_jquery

jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)_jquery

May 16, 2016 pm 06:05 PM
显示 隐藏

实例
通过使用滑动效果,在显示和隐藏状态之间切换

元素:

复制代码 代码如下:

$(".btn1").click(function(){
$("p").slideToggle();
});


定义和用法
slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。

如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。

语法
$(selector).slideToggle(speed,callback)参数 描述
speed 可选。规定元素从隐藏到可见的速度(或者相反)。默认为 "normal"。

可能的值:

毫秒 (比如 1500)
"slow"
"normal"
"fast"
在设置速度的情况下,元素在切换的过程中,会逐渐地改变其高度(这样会创造滑动效果)。

callback 可选。toggle 函数执行完之后,要执行的函数。

如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。

除非设置了 speed 参数,否则不能设置该参数。


提示和注释
提示:如果元素已经隐藏,则该效果不产生任何变化,除非规定了 callback 函数。
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Paramètres cachés de la fenêtre flottante de la méthode de saisie Win11 Paramètres cachés de la fenêtre flottante de la méthode de saisie Win11 Dec 30, 2023 pm 11:24 PM

Paramètres cachés de la fenêtre flottante de la méthode de saisie Win11

Comment masquer les icônes de la barre des tâches Windows 11 ? Comment masquer les icônes de la barre des tâches Windows 11 ? Jan 06, 2024 am 08:38 AM

Comment masquer les icônes de la barre des tâches Windows 11 ?

Comment masquer les amis WeChat sans les bloquer ni les supprimer ? Comment masquer les amis WeChat sans les bloquer ni les supprimer Comment masquer les amis WeChat sans les bloquer ni les supprimer ? Comment masquer les amis WeChat sans les bloquer ni les supprimer Mar 13, 2024 pm 07:19 PM

Comment masquer les amis WeChat sans les bloquer ni les supprimer ? Comment masquer les amis WeChat sans les bloquer ni les supprimer

Comment masquer Smart Island sur Xiaomi Mi 14 ? Comment masquer Smart Island sur Xiaomi Mi 14 ? Mar 18, 2024 pm 03:40 PM

Comment masquer Smart Island sur Xiaomi Mi 14 ?

Comment masquer les œuvres dans les courtes vidéos Douyin Comment masquer les œuvres vidéo personnelles Comment masquer les œuvres dans les courtes vidéos Douyin Comment masquer les œuvres vidéo personnelles Mar 12, 2024 pm 12:49 PM

Comment masquer les œuvres dans les courtes vidéos Douyin Comment masquer les œuvres vidéo personnelles

Raisons et solutions pour le verrouillage de la disposition du bureau Raisons et solutions pour le verrouillage de la disposition du bureau Feb 19, 2024 pm 06:08 PM

Raisons et solutions pour le verrouillage de la disposition du bureau

Où sont les jeux cachés sur steam ? Où sont les jeux cachés sur steam ? Feb 24, 2024 am 11:37 AM

Où sont les jeux cachés sur steam ?

Comment nettoyer en profondeur les fichiers indésirables cachés sur votre téléphone (supprimer complètement les fichiers indésirables de la mémoire de votre téléphone) Comment nettoyer en profondeur les fichiers indésirables cachés sur votre téléphone (supprimer complètement les fichiers indésirables de la mémoire de votre téléphone) Jun 01, 2024 am 09:29 AM

Comment nettoyer en profondeur les fichiers indésirables cachés sur votre téléphone (supprimer complètement les fichiers indésirables de la mémoire de votre téléphone)

See all articles