Community Learn Tools Library Leisure

English

Programming Dictionary

Online technical manual for service programmers

Popular searches：
PHP
MySQL
jquery
HTML
CSS

jQuery Related dictionaries

first Translation example syntax

last Translation example syntax

even Translation example syntax

odd Translation example syntax

eq Translation example syntax

gt Translation example syntax

lt Translation example syntax

header Translation example syntax

animated Translation example syntax

contains Translation example syntax

empty Translation example syntax

visible Translation example syntax

attribute Translation example syntax

attribute-value Translation example syntax

attribute-value-2 Translation example syntax

attribute-value-1 Translation example syntax

input Translation example syntax

text Translation example syntax

password Translation example syntax

radio Translation example syntax

checkbox Translation example syntax

submit Translation example syntax

reset Translation example syntax

button Translation example syntax

image Translation example syntax

file Translation example syntax

enabled Translation example syntax

disabled Translation example syntax

selected Translation example syntax

checked Translation example syntax

bind Translation example syntax

blur Translation example syntax

change Translation example syntax

click Translation example syntax

dblclick Translation example syntax

delegate Translation example syntax

die Translation example syntax

error Translation example syntax

isdefaultprevented Translation example syntax

pageX Translation example syntax

pageY Translation example syntax

preventdefault Translation example syntax

result Translation example syntax

target Translation example syntax

timestamp Translation example syntax

type Translation example syntax

which Translation example syntax

focus Translation example syntax

keydown Translation example syntax

keypress Translation example syntax

keyup Translation example syntax

live Translation example syntax

load Translation example syntax

mousedown Translation example syntax

mouseenter Translation example syntax

mouseleave Translation example syntax

mousemove Translation example syntax

mouseout Translation example syntax

mouseover Translation example syntax

mouseup Translation example syntax

one Translation example syntax

ready Translation example syntax

resize Translation example syntax

scroll Translation example syntax

select Translation example syntax

submit Translation example syntax

toggle Translation example syntax

trigger Translation example syntax

triggerhandler Translation example syntax

unbind Translation example syntax

undelegate Translation example syntax

unload Translation example syntax

animate Translation example syntax

clearqueue Translation example syntax

fadeIn Translation example syntax

fadeout Translation example syntax

fadeto Translation example syntax

hide Translation example syntax

show Translation example syntax

slidedown Translation example syntax

slidetoggle Translation example syntax

slideup Translation example syntax

stop Translation example syntax

toggle Translation example syntax

addclass Translation example syntax

after Translation example syntax

append Translation example syntax

appendto Translation example syntax

attr Translation example syntax

before Translation example syntax

clone Translation example syntax

detach Translation example syntax

empty Translation example syntax

hasclass Translation example syntax

html Translation example syntax

insertafter Translation example syntax

insertbefore Translation example syntax

prepend Translation example syntax

prependto Translation example syntax

remove Translation example syntax

jquery slideToggle() method

Chinese translationRecent Updates：2018-05-11 13:38:16

slide

UK[slaɪd] 美[slaɪd]

vi.Slide; fall; skid; [baseball] slide

vt .fading (to); gradually lowering; to turn quietly; (to make) move quickly and quietly

n. slide; to lower

toggle

英[ˈtɒgl] 　　美[ˈtɑ:gl]

n.Bar button; lasso button; conversion key; switch key

v.Switch

jquery slideToggle() method Video explanation

jquery slideToggle() method syntax

Function: slideToggle() method switches the visible state of the element by using the sliding effect (height change). Hides the selected elements if they are visible, and shows them if the selected elements are hidden.

Syntax: $(selector).slideToggle(speed,callback)

Parameters:

Parameter	Description
speed	Optional. Specifies how quickly an element goes from hidden to visible (or vice versa). Default is "normal". Possible values: milliseconds (e.g. 1500) "slow" "normal" "fast" When setting the speed, the element will gradually change its height as it switches (this will create a sliding effect).
callback	Optional. The function to be executed after the toggle function is executed. This parameter cannot be set unless the speed parameter is set.

Note: If the element has been hidden, the effect will not change unless a callback function is specified.

jquery slideToggle() method example

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
</body>
</html>

Run instance »

Click the "Run instance" button to view the online instance

submit