jQuery ਪ੍ਰਭਾਵ - slideToggle() ਮੇਥਡ

jQuery ਪ੍ਰਭਾਵ ਹਾਂਡਬੁੱਕ

ਉਦਾਹਰਣ

ਸਕਰੋਲ ਪ੍ਰਭਾਵ ਦੀ ਵਰਤੋਂ ਕਰਕੇ <p> ਐਲੀਮੈਂਟ ਦੀ ਦਿਸ਼ਾ ਦੀ ਸਥਿਤੀ ਨੂੰ ਸਵਿਚ ਕਰੋ:

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

ਸਾਨੂੰ ਕਰਨ ਲਈ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

slideToggle() ਮੇਥਡ ਐਲੀਮੈਂਟ ਦੇ ਦਿਸ਼ਾ ਦੀ ਸਥਿਤੀ ਨੂੰ ਸਵਿਚ ਕਰਨ ਲਈ ਸਕਰੋਲ ਪ੍ਰਭਾਵ (ਹਾਈਟੂਨ ਪਰਿਵਰਤਨ) ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ。

ਜੇਕਰ ਚੁਣੇ ਗਏ ਐਲੀਮੈਂਟ ਦਿਖਾਈ ਦੇ ਰਹੇ ਹਨ ਤਾਂ ਇਹ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਛੁਪਾ ਦਿੰਦਾ ਹੈ, ਜੇਕਰ ਚੁਣੇ ਗਏ ਐਲੀਮੈਂਟ ਛੁਪੇ ਹੋਏ ਹਨ ਤਾਂ ਇਹ ਐਲੀਮੈਂਟਾਂ ਨੂੰ ਵਿਖਾ ਦਿੰਦਾ ਹੈ。

ਸਫ਼ਟਵੇਅਰ

$().slideToggle(speed,callback)
ਪੈਰਾਮੀਟਰ ਵਰਣਨ
speed

ਵਿਕਲਪਿਕ।ਐਲੀਮੈਂਟ ਨੂੰ ਛੁਪਾਉਣ ਤੋਂ ਵਿਖਾਉਣ ਦੀ ਗਤੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ (ਜਾਂ ਵਿਕਲਪਿਕ)।ਮੂਲ ਰੂਪ ਵਿੱਚ "normal" ਹੈ。

ਸੰਭਵ ਮੁੱਲ

  • ਮਿਲੀਸੀਕੰਡ (ਉਦਾਹਰਣ ਵਜੋਂ 1500)
  • "slow"
  • "normal"
  • "fast"

ਸਪੀਡ ਸੈਟ ਕੀਤੇ ਹੋਏ ਮੌਕੇ, ਐਲੀਮੈਂਟ ਸਿਰਫ਼ ਟ੍ਰਾਂਸਫਾਰਮ ਵਿੱਚ ਲੰਬਾਈ ਵਿੱਚ ਬਦਲ ਜਾਂਦਾ ਹੈ (ਇਸ ਤਰ੍ਹਾਂ ਸਕਰੋਲ ਪ੍ਰਭਾਵ ਪੈਦਾ ਹੁੰਦਾ ਹੈ)。
callback

ਵਿਕਲਪਿਕ।toggle ਫੰਕਸ਼ਨ ਦੇ ਕਾਰਜ ਦੇ ਬਾਅਦ ਚਲਾਉਣ ਵਾਲਾ ਫੰਕਸ਼ਨ。

callback ਬਾਰੇ ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ ਸਾਡੇ jQuery Callback ਚਾਪਟਰ ਦੀ ਯਾਤਰਾ ਕਰੋ。

speed ਪੈਰਾਮੀਟਰ ਸੈਟ ਨਾ ਹੋਏ ਤਾਂ ਇਹ ਪੈਰਾਮੀਟਰ ਸੈਟ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਦਾ。

ਸੁਝਾਅ ਅਤੇ ਨੋਟ

ਸੁਝਾਅ:ਜੇਕਰ ਐਲੀਮੈਂਟ ਪਹਿਲਾਂ ਛੁਪਾਇਆ ਹੋਇਆ ਹੈ ਤਾਂ ਇਹ ਪ੍ਰਭਾਵ ਕੋਈ ਪਰਿਵਰਤਨ ਪੈਦਾ ਨਹੀਂ ਕਰਦਾ, ਮਿਤਾਬੇ callback ਫੰਕਸ਼ਨ ਨਾ ਸੁਝਾਇਆ ਹੋਇਆ ਹੋਵੇ。

ਹੋਰ ਉਦਾਹਰਣ

speed ਪੈਰਾਮੀਟਰ ਦੀ ਵਰਤੋਂ
speed ਪੈਰਾਮੀਟਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਉੱਚ ਨੀਚੇ ਸਕਰੋਲ ਵਿਖੇਂਦਰ ਅਤੇ ਛੁਪਾਉਣ ਦਾ ਪ੍ਰਭਾਵ ਕਰੋ。

jQuery ਪ੍ਰਭਾਵ ਹਾਂਡਬੁੱਕ