jQuery ट्यूटोरियल

jQuery होम jQuery परिचय jQuery आरंभ करें jQuery सिंटेक्स jQuery चयनकर्ता jQuery की घटनाएँ

jQuery प्रभाव

jQuery छुपाएं/दिखाएं jQuery फीका jQuery स्लाइड jQuery चेतन jQuery स्टॉप () jQuery कॉलबैक jQuery चेनिंग

jQuery एचटीएमएल

jQuery प्राप्त करें jQuery सेट jQuery जोड़ें jQuery निकालें jQuery सीएसएस कक्षाएं jQuery सीएसएस () jQuery के आयाम

jQuery ट्रैवर्सिंग

jQuery ट्रैवर्सिंग jQuery के पूर्वज jQuery के वंशज jQuery भाई बहन jQuery फ़िल्टरिंग

jQuery AJAX

jQuery AJAX परिचय jQuery लोड jQuery प्राप्त करें/पोस्ट करें

jQuery विविध

jQuery नो कॉन्फ्लिक्ट () jQuery फिल्टर

jQuery के उदाहरण

jQuery के उदाहरण jQuery प्रश्नोत्तरी jQuery व्यायाम jQuery प्रमाणपत्र

jQuery संदर्भ

jQuery अवलोकन jQuery चयनकर्ता jQuery की घटनाएँ jQuery प्रभाव jQuery एचटीएमएल/सीएसएस jQuery ट्रैवर्सिंग jQuery AJAX jQuery विविध jQuery गुण

jQuery टॉगल () विधि

jQuery प्रभाव के तरीके

उदाहरण

सभी <p> तत्वों के लिए छिपाने और दिखाने के बीच टॉगल करें:

$("button").click(function(){
  $("p").toggle();
});

परिभाषा और उपयोग

टॉगल () विधि चयनित तत्वों के लिए छिपाने () और शो () के बीच टॉगल करती है।

यह विधि दृश्यता के लिए चयनित तत्वों की जांच करती है। शो () चलाया जाता है यदि कोई तत्व छिपा हुआ है। यदि कोई तत्व दिखाई दे रहा है तो छुपाएं () चलाया जाता है - यह एक टॉगल प्रभाव बनाता है।

नोट : छिपे हुए तत्व बिल्कुल भी प्रदर्शित नहीं होंगे (अब पृष्ठ के लेआउट को प्रभावित नहीं करते हैं)।

युक्ति: इस पद्धति का उपयोग कस्टम कार्यों के बीच टॉगल करने के लिए भी किया जा सकता है।


वाक्य - विन्यास

$(selector).toggle(speed,easing,callback)

Parameter Description
speed Optional. Specifies the speed of the hide/show effect

Possible values:

  • milliseconds
  • "slow"
  • "fast"
easing Optional. Specifies the speed of the element in different points of the animation. Default value is "swing"

Possible values:

  • "swing" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
Tip: More easing functions are available in external plugins
callback Optional. A function to be executed after the toggle() method is completed

To learn more about callback, visit our jQuery Callback chapter


इसे स्वयं आज़माएं - उदाहरण


का उपयोग करना गति पैरामीटर का उपयोग कैसे करें छिपाने/शो प्रभाव की गति निर्दिष्ट करने के लिए।


का उपयोग करना छुपा/शो प्रभाव के बीच टॉगल करते समय कॉलबैक पैरामीटर का उपयोग कैसे करें।


jQuery प्रभाव के तरीके