Mouse Over in Javascript expand collapse menu
Hi All,
I am new to javascript. I am using the below javascript for expand collpase menu. When user clicks to expand the menu, -image appears and when clicks to collapse the menu,+ image appears. I want to use the sme script for mouse hover. How can I.
<script type="text/javascript">
document.getElementById('personal_details').style. display='none';
document.getElementById('income_details').style.di splay='none';
document.getElementById('return_details').style.di splay='none';
document.getElementById('filing_details').style.di splay='none';
function switchMenu(id)
{
obj=document.getElementById(id);
col=document.getElementById("x" + id);
if (obj.style.display=='none')
{
obj.style.display='block';
col.innerHTML="<img src='/it_media/v4/n/images/minus2.gif'/>";
}
else
{
obj.style.display='none';
col.innerHTML="<img src='/it_media/v4/n/images/plus2.gif'/>";
}
}
</script>
|