Создаём глобальный блок, ставим этот код:
Code
<li class="menuCat"><span>Главная страница</span>
<ul>
<li><a href="Ваша ссылка">Название подраздела</a></li>
<li><a href="Ваша ссылка">Название подраздела</a></li>
</ul>
</li>
<li class="menuCat"><span>Название</span>
<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></li>
<li><a href="Ваша ссылка">Название подраздела</a></li>
<li><a href="Ваша ссылка">Название подраздела</a></li>
<li><a href="Ваша ссылка">Название подраздела</a></li>
</ul>
</li>
<li class="menuCat"><span>Название</span>
<ul>
<li><a href="Ваша ссылка">Название подраздела</a></li>
</ul>
<li class="menuCat"><span>Название</span>
<ul>
<li><a href="Ваша ссылка">Название подраздела</a></li>
<li><a href="Ваша ссылка">Название подраздела</a></li>
</ul>
<li class="menuCat"><span>Название</span>
<ul>
<li><a href="Ваша ссылка">Название подраздела </a></li>
</ul>
<li class="menuCat"><span>Название</span>
<ul>
<li><a href="Ваша ссылка">Название подраздела</a></li>
</ul>
<script type="text/javascript">
plus="http://mtest-sayt.at.ua/img/yellow1.gif"; // plus image folder
minus="http://mtest-sayt.at.ua/img/yellow2.gif"; // minus image folder
dropMenu();function dropMenu(){var c,d,e,j,i;c=new Array();d=document.getElementsByTagName('*');e=new RegExp("(^|\\b)menuCat(\\b|$)");j=0;for(i=0;i<d.length;i++){if(e.test(d[i].className)){c[j]=d[i];j++}}for(i=0;i<c.length;i++){var f=c[i].getElementsByTagName("span")[0];f.onclick=function(){var a,b;a=this.parentNode;b=a.getElementsByTagName("ul")[0];if(b.style.display=="block")
{a.style.backgroundImage="url("+plus+")";b.style.display="none"}else{a.style.backgroundImage="url("+minus+")";b.style.display="block"}}}};
</script>
в архиве ещё несколько изображений плюсов и минусов других цветов
Подходит для любых дизайнов.