Animace Menu v Joomle

Ahoj všem,

mohli byste mě prosím poradit jak nastylovat v joomle css šablonu tak, aby se základní menu TOP - v horní části stránky postupně zobrazilo s prolnutím či jyným efektem.

Moje menu má následující kód:

<nav class="navigation" role="navigation">

<div class="nav-collapse">

<ul class="nav menu nav-pills">
<li class="item-105 default active">MENU 1</li>
<li class="item-106">MENU 2</li>
<li class="item-107 deeper parent">MENU 3
<ul class="nav-child unstyled small">
<li class="item-283">SubMenu 1</li>
<li class="item-120 deeper parent">SubMenu 2
<ul class="nav-child unstyled small">
<li class="item-121">Sub-SubMenu 1</li>
<li class="item-124">Sub-SubMenu 2</li>
</ul>
</li>
<li class="item-158">SubMenu 3</li>
<li class="item-149">SubMenu 4</li>
</ul>
</li>
<li class="item-123">MENU 4</a></li>
<li class="item-125">MENU 5</a></li>
<li class="item-126">MENU 6</a></li>
</ul>

</div>

</nav>

Moje představa je, že po najetí myší na části menu s podnabídkou, by se tato podnábídka zobrazila s prolnutím. Podobně by reagovala i podnabídka z podnabídky menu.

viz pomoc-lidem.cz/odhaleni

Děkuji všem za radu .....