Джава-скрипт код:
clickMenu = function(menu) {
var getEls = document.getElementById(menu).getElementsByTagName("LI");
var getAgn = getEls;

for (var i=0; i<getEls.length; i++) {
getEls[i].onclick=function() {
for (var x=0; x<getAgn.length; x++) {
getAgn[x].className=getAgn[x].className.replace(«unclick», «»);
getAgn[x].className=getAgn[x].className.replace(«click», «unclick»);
}
if ((this.className.indexOf(‘unclick’))!=-1) {
this.className=this.className.replace(«unclick», «»);;
}
else {
this.className+=» click»;
}
}
}
}
CSS:
#outer {width:150px; height:20px;position: relative;}
#menu {list-style-type:none; width:150px;}
#menu li.sub {background:none;color:#770000;font-family:arial, sans-serif; font-size:0.6em; width:150px;}
#menu ul {position:absolute;left:-9999px;}
#menu li {display:block; color:black; font-family:arial, sans-serif; font-size:1.2em;width:350px;cursor:pointer;
background:none;}
#menu li.click {background:none;}
#menu li.click ul{left:0; top:24px; background:url(transparent.gif);} /* the background image is for IE7 */
#menu li:hover, #menu li a:hover {background:none;width:350px}
#menu li a {width:100%;}

html:
<?php
if (!defined('_SAPE_USER')){
define('_SAPE_USER', 'код сапы');
}
require_once($_SERVER['DOCUMENT_ROOT'].'/'._SAPE_USER.'/sape.php');
$sape = new SAPE_client();
?>

<div id=»outer»>
<div id=»menu»>
<li class=»sub»>Реклама
<ul>
<li><? echo $sape->return_links(1); ?></li>
<li><? echo $sape->return_links(1); ?></li>
<li><? echo $sape->return_links(1); ?></li>
<li><? echo $sape->return_links(1); ?></li>
</ul>
</li>
</div>
</div>
В конечном итоге выглядит это вот так

Опять же кому влом копировать/вставлять могут скачать готовый пример.

Всем спасибо.

–

З.Ы.чка прочитавшие до конца этот пост получают интересное мегабонус-приложение:

Дима Спирин играет живьем на улице Минска – Поезд в сторону Арбатской (с Патлатым на заднем плане слева я когда-то учился в одном колледже)