This code is showing div on mouse over and mouse out. I want to add extra functionality that the div should be fixed(opened) with a close button in that div.
<html>
<head>
<title>test pijaku</title>
<script type="text/javascript">
a = {
show: function(elem) {
document.getElementById(elem).style.visibility = 'visible';
},
hide: function(elem) {
document.getElementById(elem).style.visibility = 'hidden';
}
}
</script>
</head>
<body>
<ul>
<li onMouseOver="a.show('div1')" onMouseOut="a.hide('div1')">lien 1</li>
<li onMouseOver="a.show('div2')" onMouseOut="a.hide('div2')">lien 3</li>
</ul>
<p name="a" id="div1" style="height: 500px; width: 500px;background-color: green;position: absolute; visibility: hidden;"></p>
<p name="a" id="div2" style="height: 500px; width: 500px;background-color: blue;position:absolute;visibility: hidden;"></p>
</body>
</html>