jQuery इवेंट - toggle() विधि

jQuery इवेंट संदर्भ मैनुअल

उदाहरण

विभिन्न पृष्ठभूमि रंगों को टॉगल करें:

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

स्वयं प्रयोग करें

वर्णन और उपयोग

toggle() विधि दो या अधिक इवेंट हैंडलर फ़ंक्शनों को बांधने के लिए प्रयोग की जाती है, ताकि चयनित एलिमेंट के click इवेंट पर प्रतिक्रिया दी जा सके

यह विधि चयनित एलिमेंट के hide() और show() विधि

Toggle इवेंट को दो या अधिक फ़ंक्शन बांधें

निर्धारित एलिमेंट को क्लिक किए जाने पर दो या अधिक फ़ंक्शनों के बीच टूट देना

यदि दो से अधिक फ़ंक्शनों को निर्धारित किया गया है तो toggle() विधि सभी फ़ंक्शनों को टूट देगी।उदाहरण के लिए तीन फ़ंक्शन होने पर पहला क्लिक फ़र्स्ट फ़ंक्शन को बुलाएगा, दूसरा क्लिक दूसरा फ़ंक्शन को बुलाएगा, तीसरा क्लिक तीसरा फ़ंक्शन को बुलाएगा।चौथा क्लिक फ़र्स्ट फ़ंक्शन को बुलाएगा, इस तरह ही

व्याकरण

$(चयनक).toggle(function1(),function2(),functionN(),...)

स्वयं प्रयोग करें

पारामीटर वर्णन
function1() आवश्यक।प्रत्येक अधिक से कम बार एलिमेंट को क्लिक किए जाने पर चलाने वाली फ़ंक्शन
function2() आवश्यक।प्रत्येक अधिक से बड़े बार एलिमेंट को क्लिक किए जाने पर चलाने वाली फ़ंक्शन
functionN(),... वृत्तिपरक।अन्य फ़ंक्शनों को टूट देने के लिए निर्धारित करें

toggle Hide() और Show()

प्रत्येक एलिमेंट को दिखाए हुए है कि नहीं

यदि एलिमेंट पहले से छुपा हुआ है तो show() चलाएं।यदि एलिमेंट दिखाए हुए है तो hide() चलाएं।इस तरह से टूट देने का प्रभाव पैदा कर सकते हैं

व्याकरण

$(चयनक).toggle(speed,callback)

स्वयं प्रयोग करें

पारामीटर वर्णन
speed

वृत्तिपरक।hide/show प्रभाव की गति निर्धारित करता है।मूलभूत "0" है

संभावित मान

  • मिलीशियूज (उदाहरण में 1500)
  • "slow"
  • "normal"
  • "fast"
callback

वृत्तिपरक।toggle() विधि पूर्ण होने पर चलाने वाली फ़ंक्शन

callback के बारे में अधिक जानने के लिए हमारे Callback फ़ंक्शन शिक्षण。

दिखाना या छुपाना

सिर्फ दिखाना या सिर्फ छुपाना का परिणाम है कि सभी मेल खाते हुए एलिमेंटों को

व्याकरण

$(चयनक).toggle(switch)

स्वयं प्रयोग करें

पारामीटर वर्णन
switch

आवश्यक।बूल वैल्यू, toggle() को केवल सभी चयनित एलिमेंटों को सिर्फ दिखाना या सिर्फ छुपाना चाहिए का परिणाम है

  • true - दिखाए हुए एलिमेंट
  • false - छुपाए हुए एलिमेंट

jQuery इवेंट संदर्भ मैनुअल