एक div तत्व में ऑनक्लिक ईवेंट जोड़ने

Question

मैं कुछ इसी तरह के विषयों को जो मदद किया था देखा था, लेकिन मैं विशिष्ट समस्या है और यदि ऐसा है तो किसी को भी मदद कर सकते हैं मुझे खुशी होगी यह

मैं चाहता हूँ इसे अकेले हल करने के लिए प्रबंधन नहीं किया एक div तत्व के लिए ऑनक्लिक घटना जोड़ने के लिए।

HTML:

<div id="thumb0" class="thumbs" onclick="klikaj('rad1')"></div> 

जावास्क्रिप्ट:

function klikaj(i) 
{ 
    document.getElementById(i).style.visibility='visible'; 
} 

वांटेड परिणाम: आईडी = "rad1" (जो छिपा हुआ है) के साथ div दिखाई देता है, जब आईडी = "thumb0" के साथ div पर क्लिक किया ।

यह तब काम करता है जब मैं इसे बटन तत्व में जोड़ता हूं लेकिन यह नहीं जानता कि यह div तत्वों के साथ कैसे जाता है।

Answer 1

मुझे यकीन नहीं है कि समस्या क्या है; उम्मीद के रूप में नीचे काम करता चल रहा है:

<div id="thumb0" class="thumbs" onclick="klikaj('rad1')">knock knock</div> 
​<div id="rad1" style="visibility: hidden">hello world</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 
<script> 
function klikaj(i) { 
    document.getElementById(i).style.visibility='visible'; 
} 
</script> 

यह भी देखें: http://jsfiddle.net/5tD4P/

Answer 2

मुझे लगता है कि आप div को छिपाने के लिए //--style="display:none"--// उपयोग कर रहे हैं।

इस कोड का उपयोग करें:

<script> 
    function klikaj(i) { 
     document.getElementById(i).style.display = 'block'; 
    } 
</script> 
<div id="thumb0" class="thumbs" onclick="klikaj('rad1')">Click Me..!</div> 
<div id="rad1" class="thumbs" style="display:none">Helloooooo</div> 

Answer 3

कैसे आप अपने div छुपा रहे हैं में निर्भर करता है, diplay = कोई भी दृश्यता के विभिन्न = छिपा हुआ है और अस्पष्टता = 0

दृश्यता तो का उपयोग करें ... शैली। दृश्यता = 'दृश्यमान' प्रदर्शन तब उपयोग करें ... style.display = 'block' (या अन्य निर्भर करता है कि आप अपना सीएसएस, इनलाइन, इनलाइन-ब्लॉक, फ्लेक्स कैसे सेट करते हैं ...) अस्पष्टता तब उपयोग करें ... style.opacity = '1';