[рони]

Ну и на javascript only

для меню любой вложенности

<ul id="menu">
		<li><a href="#">Милан</a>
			<ul >
				<li><a href="#">Пато</a></li>
				<li><a href="#">Пирло</a></li>
				<li><a href="#">Ибрагимович</a></li>
			</ul>
		</li>
		<li><a href="#">Арсенал</a>
			<ul >

				<li><a href="#">Фабрегас</a></li>
				<li><a href="#">Уолкот</a></li>
				<li><a href="#">Росицки</a></li>
				<li><a href="#">Фабиански</a></li>
                <li><a href="#">Второй состав</a>
            <ul >
				<li><a href="#">Первый</a></li>
				<li><a href="#">Второй</a></li>
				<li><a href="#">Третий</a></li>
                <li><a href="#">Запасные</a>
            <ul >
				<li><a href="#">Нападающий</a></li>
				<li><a href="#">Защитник</a></li>
				<li><a href="#">Вратарь</a></li>
			</ul>
                </li>
			</ul>
                </li>
			</ul>
		</li>
</ul>
<script type="text/javascript">
for (var menu = document.getElementById("menu"),
 uls = menu.getElementsByTagName("ul"), i = 0; i < uls.length; i++) {
    uls[i].style.display = "none";
    var a = uls[i].parentNode.getElementsByTagName("a")[0];
    a.style.backgroundColor = "#00FF7F";
    a.onclick = function (b) {
        return function () {
            uls[b].style.display = uls[b].style.display ? "" : "none";
            var ulss= uls[b].getElementsByTagName('ul')
            for (var k=0; k<ulss.length; k++)  {
            ulss[k].style.display='none'
            }
            return false
        }
    }(i)
};
</script>