Vamos, si juntamos todo que es lo que te pedia en un principio... resultado:
Código PHP:
<html>
<head>
<style>
ul#nav { clear: left; position: absolute; top: 160px; list-style-type: none; margin: 0px; padding: 0px; width: 773px; background: #333 url('../_images/nav_bk.gif'); }
ul#nav li { display: block; float: left; }
ul#nav li span { border-right: 1px solid #FFF; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; display: block; width: 128px; }
ul#nav li a { line-height: 23px; display: block; width: 128px; color: #FFF; text-align: center; text-decoration: none; }
ul#nav li a:hover { background-color: 344E92; }
ul#nav li#menu6Container span { border-right: none; }
ul#nav ul { margin: 0px; padding: 0px; list-style-type: none; text-align: left; width: 180px; position: absolute; border-left: 1px solid #FFF; border-right: 1px solid #FFF; overflow: hidden; }
ul#nav ul li { background-color: #213260; }
ul#nav ul li span { border-right: 0px; border-top: 0px; border-bottom: 1px solid #FFF; width: 180px; }
ul#nav ul li span a { width: 180px; text-align: left; padding-left: 5px; }
</style>
<script>
slideMenu.Registry = [];
function slideMenu(id,numLines) {
slideMenu.Registry[id] = [];
slideMenu.Registry[id]['height'] = 1;
slideMenu.Registry[id]['containerObj'] = document.getElementById(id+"Container");
slideMenu.Registry[id]['contentObj'] = document.getElementById(id+"Content");
//slideMenu.Registry[id]['maxHeight'] = new Number((numLines * slideMenu.lineHeight) + 2);
slideMenu.Registry[id]['maxHeight'] = (slideMenu.Registry[id]['containerObj'].scrollHeight * numLines) - (numLines - 1);
slideMenu.Registry[id]['interval'] = null;
slideMenu.Registry[id]['timeout'] = null;
slideMenu.Registry[id]['contentObj'].style.height = '1px';
// slide down events
slideMenu.Registry[id]['containerObj'].onmouseover = function() { slideMenu.showMenu(id); }
slideMenu.Registry[id]['containerObj'].onfocus = function() { slideMenu.showMenu(id); }
// slide up events
slideMenu.Registry[id]['containerObj'].onmouseout = function() { slideMenu.hideMenu(id); }
slideMenu.Registry[id]['containerObj'].onblur = function() { slideMenu.hideMenu(id); }
}
slideMenu.showMenu = function(id) {
clearInterval(slideMenu.Registry[id]['interval']);
slideMenu.Registry[id]['contentObj'].style.display = 'block';
slideMenu.Registry[id]['contentObj'].style.zIndex += 10;
slideMenu.Registry[id]['interval'] = window.setInterval("slideMenu.slideDown('"+id+"')",1);
}
slideMenu.hideMenu = function(id) {
clearInterval(slideMenu.Registry[id]['interval']);
slideMenu.Registry[id]['contentObj'].style.zIndex = 10;
slideMenu.Registry[id]['interval'] = window.setInterval("slideMenu.slideUp('"+id+"')",1);
}
slideMenu.slideDown = function(id) {
for(var i=0;i<15;i++) {
if(slideMenu.Registry[id]['height'] >= slideMenu.Registry[id]['maxHeight']) {
clearInterval(slideMenu.Registry[id]['interval']);
} else {
slideMenu.Registry[id]['contentObj'].style.height = slideMenu.Registry[id]['height']+'px';
slideMenu.Registry[id]['height'] ++;
}
}
}
slideMenu.slideUp = function(id) {
for(var i=0;i<15;i++) {
if(slideMenu.Registry[id]['height'] <= 1) {
clearInterval(slideMenu.Registry[id]['interval']);
slideMenu.Registry[id]['contentObj'].style.display = 'none';
} else {
slideMenu.Registry[id]['contentObj'].style.height = slideMenu.Registry[id]['height']+'px';
slideMenu.Registry[id]['height'] --;
}
}
}
</script>
<title>Pagina nueva 1</title>
</head>
<body>
<SCRIPT type=text/javascript>
//<![CDATA[
function addLoadEvent(func) {
var oldonload = window.onload;
if(typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}
function loadMenu() {
var menu2 = new slideMenu("menu2",5);
var menu3 = new slideMenu("menu3",6);
var menu4 = new slideMenu("menu4",1);
var menu5 = new slideMenu("menu5",1);
}
addLoadEvent(loadMenu);
//addLoadEvent(externalLink);
slideMenu.lineHeight = 24;
//]]>
</SCRIPT>
</body>
</html>
Pero da error en la linea
Código:
slideMenu.Registry[id]['containerObj'] = document.getElementById(id+"Container");
, evidentemente no hay elementos con ese ID.
¿No te faltan capas DIV, o algo asi con esos ID?