jQuery ఇవెంట్స్ - toggle() మాథ్యం

jQuery ఇవెంట్ రిఫరెన్స్ మాన్యువల్

ఉదాహరణ

వివిధ బ్యాక్‌గ్రౌండ్ రంగులను మార్చుట:

$("p").toggle(),
  function(){
  ($("body").css("background-color","green");),
  function(){
  $("body").css("background-color","red");},
  function(){
  $("body").css("background-color","yellow");}
);

మీరే ప్రయత్నించండి

定义和用法

toggle() 方法用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。

该方法也可用于切换被选元素的 hide() 与 show() 方法。

向 Toggle 事件绑定两个或更多函数

当指定元素被点击时，在两个或多个函数之间轮流切换。

రెండు లేదా మరింత ఫంక్షన్లను నిర్ధారించినప్పుడు, toggle() పద్ధతి అన్ని ఫంక్షన్లను పరివర్తిస్తుంది. ఉదాహరణకు, మూడు ఫంక్షన్లు ఉన్నప్పుడు, మొదటి క్లిక్ మొదటి ఫంక్షన్ను అమలు చేస్తుంది, రెండవ క్లిక్ రెండవ ఫంక్షన్ను అమలు చేస్తుంది, మూడవ క్లిక్ మూడవ ఫంక్షన్ను అమలు చేస్తుంది. నాలుగవ క్లిక్ మొదటి ఫంక్షన్ను మళ్ళీ అమలు చేస్తుంది, ఇలా కొనసాగుతుంది.

విధానం

$(selector).toggle(function1(),function2(),functionN(),...)

మీరే ప్రయత్నించండి

పరిమాణం వివరణ
function1() అవసరం. అంశం ప్రతి అయిదవ సారి క్లిక్ చేసినప్పుడు అమలు చేసే ఫంక్షన్ నిర్ధారించండి.
function2() అవసరం. అంశం ప్రతి అయిదవ సారి క్లిక్ చేసినప్పుడు అమలు చేసే ఫంక్షన్ నిర్ధారించండి.
functionN(),... ఆప్షనల్. ఇతర పద్ధతులను నిర్ధారించండి ఉంది.

toggle Hide() మరియు Show()

ప్రతి అంశం చూపించబడినా లేదా కించిపోయినా తనిఖీ చేస్తుంది.

అంశం కించిపోయినప్పుడు show() నడుపుతుంది. అంశం చూపించబడినప్పుడు hide() అంశం నడుపుతుంది. అలా పరివర్తన ప్రభావం సృష్టించవచ్చు.

విధానం

$(selector).toggle(speed,callback)

మీరే ప్రయత్నించండి

పరిమాణం వివరణ
speed

ఆప్షనల్. hide/show ప్రభావం వేగాన్ని నిర్ధారించండి. అప్రమేయం "0".

సాధ్యమైన విలువలు:

  • మిల్లీసెకండ్లు (ఉదా. 1500)
  • "slow"
  • "normal"
  • "fast"
callback

ఆప్షనల్. toggle() పద్ధతి పూర్తి అయినప్పుడు అమలు చేసే ఫంక్షన్.

callback గురించి మరింత తెలుసుకోవాలంటే, మా సైట్ ని సందర్శించండి Callback ఫంక్షన్ పాఠ్యం。

చూపించండి లేదా కించిపోయించండి అంశం

నిర్ధారించండి సరిపోయే అంశాలను మాత్రమే చూపించాలా లేదా మాత్రమే కించిపోయాలా.

విధానం

$(selector).toggle(switch)

మీరే ప్రయత్నించండి

పరిమాణం వివరణ
switch

అవసరం. బౌలియన్ విలువ, toggle() అనేది అన్ని ఎంపికకాబడిన అంశాలను మాత్రమే చూపించాలా లేదా మాత్రమే కించిపోయాలా అని నిర్ధారిస్తుంది.

  • true - చూపించబడిన అంశం
  • false - కించిపోయిన అంశం

jQuery ఇవెంట్ రిఫరెన్స్ మాన్యువల్