W3.JS छुपाएं और दिखाएं
w3.hide(selector)
तत्व आईडी का उपयोग करके तत्वों को छिपाना
किसी निर्दिष्ट आईडी वाले तत्व को छिपाने के लिए, आईडी नाम के सामने हैश टैग (#) का उपयोग करें।
आईडी = "लंदन" के साथ एक तत्व छुपाएं:
उदाहरण
<button onclick="w3.hide('#London')">Hide</button>
टैग नाम का उपयोग करके तत्वों को छिपाना
निर्दिष्ट टैग नाम वाले सभी तत्वों को छिपाने के लिए, चयनकर्ता के रूप में टैग नाम (बिना < और >) का उपयोग करें।
सभी <h2> तत्व छुपाएं:
उदाहरण
<button onclick="w3.hide('h2')">Hide</button>
कक्षा के नाम का उपयोग करके तत्वों को छिपाना
निर्दिष्ट वर्ग नाम वाले सभी तत्वों को छिपाने के लिए, कक्षा के नाम के आगे एक अवधि (.) का उपयोग करें।
वर्ग = "शहर" के साथ तत्व छुपाएं:
उदाहरण
<button onclick="w3.hide('.city')">Hide</button>
तत्व आईडी का उपयोग करके तत्व दिखाएं
एक निर्दिष्ट आईडी के साथ एक तत्व दिखाने के लिए, आईडी नाम के सामने एक हैश टैग (#) का उपयोग करें।
आईडी = "लंदन" के साथ एक तत्व दिखाएं:
उदाहरण
<button onclick="w3.show('#London')">Show</button>
टैग नाम का उपयोग करके तत्व दिखाएं
निर्दिष्ट टैग नाम के साथ सभी तत्वों को दिखाने के लिए, चयनकर्ता के रूप में टैग नाम (बिना < और >) का उपयोग करें।
सभी <h2> तत्व दिखाएं:
उदाहरण
<button onclick="w3.show('h2')">Show</button>
कक्षा के नाम का उपयोग कर तत्व दिखाएँ
निर्दिष्ट वर्ग नाम वाले सभी तत्वों को दिखाने के लिए, वर्ग नाम के आगे एक अवधि (.) का उपयोग करें।
वर्ग = "शहर" के साथ तत्व दिखाएं:
उदाहरण
<button onclick="w3.show('.city')">Show</button>
टॉगल छुपाएं/दिखाएं
w3.toggleShow(selector)
तत्व आईडी का उपयोग करके छुपाएं और दिखाएं टॉगल करें
आईडी = "लंदन" वाले तत्व को छिपाने और दिखाने के बीच टॉगल करें:
उदाहरण
<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>
टैग नाम का उपयोग करके छिपाएं और दिखाएं टॉगल करें
सभी <h2> तत्वों को छिपाने और दिखाने के बीच टॉगल करें:
उदाहरण
<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>
कक्षा के नाम का उपयोग करके छुपाएं और दिखाएं टॉगल करें
वर्ग = "शहर" के साथ तत्वों को छिपाने और दिखाने के बीच टॉगल करें:
उदाहरण
<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>