Thanks,
My code is now:
<script type="text/javascript">
<!--
var lastOpenDiv = null;
var lastOpenMenu = null;
function ShowDiv( id ) {
if ( lastOpenDiv != null ) {
document.getElementById( lastOpenDiv ).style.display = 'none';
}
document.getElementById( id ).style.display = '';
lastOpenDiv = id;
}
function ShowMenu( id ) {
if ( document.getElementById( id ).style.display == '' ) {
document.getElementById( id ).style.display = 'none';
lastOpenMenu = null;
} else {
if ( lastOpenMenu != null ) {
document.getElementById( lastOpenMenu ).style.display = 'none';
}
document.getElementById( id ).style.display = '';
lastOpenMenu = id;
}
}
//-->
</script>
<h4 onmouseover="ShowMenu('menu_system_Info');" title="All your system info"><u>System Info</u></h4>
<ul id="menu_system_Info" style="display: none;">
<li><a onmouseover="javascript:moveTop()" href="javascript:ShowDiv( 'system_bootcfg' );" title="boot info" style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; color:#0000EE"> bootcfg info</a></li>
<li><a onmouseover="javascript:moveTop()" href="javascript:ShowDiv( 'system_BIOS' );" style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; color:#0000EE"> Bios info</a></li>
=========================
1.ShowMenu function causes the div to open nicely when the mouse is over it.However ShowDiv does not do it to links below the menu...
2.How do I delay the action a bit,to make it a bit less jumpy ?
Thanks
Long live king Moshiach !