jQuery असर - toggle() विधि
उदाहरण
परिवर्तन <p> एलिमेंट के दिखाने और छुपाने की स्थिति:
$(".btn1").click(function(){
$("p").hide();
});
विभाषा और उपयोग
toggle() विधि एलिमेंट के दिखाई देने या छुपाने की स्थिति को टूटना करती है。
यदि चयनित एलिमेंट दिखाई दे रहे हैं, तो इन एलिमेंटों को छुपाएं, यदि चयनित एलिमेंट छुपे हैं, तो इन्हें दिखाएं。
व्याकरण
$(चयनकर्ता).toggle(स्पीड,कॉलबैक,स्विच)
| पैरामीट | वर्णन |
|---|---|
| स्पीड |
वृद्धि वैकल्पिक। एलिमेंट को दिखाने से छुपाने या छुपाने से दिखाने की गति (या उल्टा) को निर्दिष्ट करता है। मूलभूत मान "0" है。 संभावित मान:
स्पीड सेट करने के दौरान, एलिमेंट की उच्चाई, चौड़ाई, बाह्य पैडिंग और अंतर्गत पैडिंग तथा पारदर्शिता में धीरे-धीरे परिवर्तन करती है。 यदि इस पैरामीट को सेट किया गया है, तो स्विच पैरामीट का उपयोग नहीं किया जा सकता है。 |
| कॉलबैक |
वृद्धि वैकल्पिक। toggle फ़ंक्शन के बाद चलाने वाली फ़ंक्शन। स्विचबैक के बारे में अधिक जानने के लिए हमारे jQuery Callback चापरे को देखें。 जब तक speed पैरामीट सेट नहीं किया गया है, तब तक इस पैरामीट को सेट नहीं किया जा सकता है。 |
| स्विच |
वृद्धि वैकल्पिक। बूल वैल्यू। toggle को सभी चयनित एलिमेंटों को छुपाने या दिखाने के लिए निर्दिष्ट करता है。
यदि इस पैरामीट को सेट किया गया है, तो speed और callback पैरामीट का उपयोग नहीं किया जा सकता है。 |
सूचना और टिप्पणी
टिप्पणीःयह असर jQuery द्वारा छुपे हुए एलिमेंटों या CSS में display:none घोषित एलिमेंटों (visibility:hidden के लिए नहीं) पर लागू होता है。
अधिक उदाहरण
- स्पीड पैरामीट का उपयोग करें
- स्पीड पैरामीट का उपयोग करके एलिमेंट को छुपाएं और दिखाएं。
- स्विच पैरामीट का उपयोग करें
- स्विच पैरामीट का उपयोग करके सभी छुपे हुए अनुभागों को दिखाएं。
