javascript - Can I use the content of div:before as an anchor to toggle visibility of the rest of the div? -

मेरे पास निम्न सीएसएस है (ज़ैची हार्मनी के विचार):

  .proof { प्रदर्शन क्षेत्र; सामग्री: "सबूत:"; } .प्रूफ: {सामग्री से पहले: वारिस; फ़ॉन्ट शैली: इटैलिक; }  

फिर html

  & lt; div class = "proof" & gt; यह तुच्छ है & Lt; / div & gt;  

कुछ ऐसा पैदा करता है:

सबूत:

यह तुच्छ है।

< / ब्लॉकक्ॉट>

मैं सबूत की दृश्यता को टॉगल करने के लिए "सबूत:" कीवर्ड का उपयोग करना चाहूंगा (यहां "वाकई तुच्छ है।") ऑनक्लिक

क्या .proof की सामग्री का उपयोग करना संभव है: बाकी की सामग्री की दृश्यता को टॉगल करने के लिए एक एंकर के रूप में .प्रूफ?

उत्तर हां है:

हो सकता है ऊंचाई और सूचक-ईवेंट आपको यह दिखाने में मदद कर सकता है कि यह संभव है:

< Div वर्ग = "स्निपेट-कोड">

  .proof {height: 1.2em; छिपा हुआ सैलाब; सूचक-घटनाओं: ऑटो; } .प्रूफ: {सामग्री से पहले: "सबूत: ऑनक्लिक टूगल्स असली सामग्री दिखाएँ / छिपाएं"; प्रदर्शन क्षेत्र; फ़ॉन्ट शैली: इटैलिक; कर्सर: सूचक; } .प्रूफ: सक्रिय, .प्रूफ: फ़ोकस {ऊंचाई: ऑटो; सूचक-घटनाओं: कोई नहीं; रूपरेखा: कोई नहीं; }  

  & lt; div class = "proof" tabindex = "0" & ​​gt; यह तुच्छ है आप मुझे देख सकते हैं या नहीं पर क्लिक करें :)  

तो आप तत्व से ही onclick पकड़ने की जरूरत है। यदि आप घुमक्कड़ या छद्म तत्वों पर क्लिक करते हैं, तो आप इस पर ही क्लिक करते हैं या तत्व को स्वर्ग में रखते हैं।