Wie kann ich ein div mit Javascript öffnen? Mouseover & Mouseout style

Question

Ich möchte einen Link auf meiner Website setzen und ich möchte es div in onmouseover Position öffnen und ich möchte schließen, dass wenn die Maus aus dem Link ist. wenn mir jemand dabei helfen kann? Wenn du eine Funktion schreiben kannst, wäre das großartig, denn es öffnet 12 verschiedene Div.

Dieses Beispiel habe ich versucht, aber es hat nicht

arbeiten, um die Attribute ein wenig

<div id="mydiv" style="display: none"> 
    <h3>This is a test!<br> Can you see me?</h3> 
</div> 
<p> 
    <a href="javascript:;" 
    onMouseOver="document.getElementById('mydiv').style.display = 'block'; }"  
    onMouseOut="document.getElementById('mydiv').style.display = 'none'; }"> 
    Toggle Div Visibility 
    </a> 
</p> 

Answer 1

Sie nur benötigt, um aufzuräumen - Sie haben extra „}“ s am Ende.

<a href="javascript:;" 
    onMouseOver="document.getElementById('mydiv').style.display = 'block'"  
    onMouseOut="document.getElementById('mydiv').style.display = 'none'"> 
    Toggle Div Visibility 
</a> 

Alternativ können Sie eine Funktion schreiben, wie Sie vorgeschlagen:

<a href="javascript:;" 
     onMouseOver="showElement('mydiv')" onMouseOut="hideElement('mydiv')"> 
    Toggle Div Visibility 
</a> 
<script type="text/javascript"> 
    function showElement(id) { 
     document.getElementById(id).style.display = 'block'; 
    } 
    function hideElement(id) { 
     document.getElementById(id).style.display = 'none'; 
    } 
</script>