Dwupoziomowe menu w Joomla 2.5 + jQuery Opcje

[bebzon_hc]

Witam!
Mam taki dylemat... dziś cały dzień przy tym siedzę i chyba już nie wpadnę na to... a zapewne nie jedna osoba wpadnie na to po 15 minutach :]

Chcę zrobić obsługę dynamiczny ruch przycisków menu w joomli za pomocą jQuery. Bez zbędnych styli w pliku css no chyba, że kombinowanie za pomocą addClass, removeClass do zidentyfikowania konkretnej gałęzi DOM.

Po zrobieniu dwupoziomowego menu w Joomla 2.5 wypluwa mi taki kod HTML:

[HTML] pobierz, plaintext 
<ul class="menu">
<li><a href="#">AAA</a></li>
<li><a href="#">AAA</a>
    <ul>
    <li><a href="#">BBB</a></li>
    <li><a href="#">BBB</a></li>
    <li><a href="#">BBB</a></li>
    </ul>
</li>
<li><a href="#">AAA</a></li>
<li><a href="#">AAA</a></li>
<li><a href="#">AAA</a>
    <ul>
    <li><a href="#">CCC</a></li>
    <li><a href="#">CCC</a></li>
    </ul>
</li>
</ul>
[HTML] pobierz, plaintext 

W jQuery zacząłem kombinować i wyszło mi coś takiego...

[HTML] pobierz, plaintext 
$(document).ready(function () {
 
	$('ul.menu li ul').hide('medium');
 
	$('ul.menu li').mouseover(function ()
	{
		$(this).children('ul').addClass('submenu');
		$('ul.submenu').show('medium');
 
    }).mouseout(function ()
	{
		$('ul.submenu').hide('medium');
		$('ul.submenu').removeClass('submenu');
 
	});
});
[HTML] pobierz, plaintext 

Mam przeczucie, że wystarczy dopisać tu dwie linijki kodu i będzie gitara, ale nie wiem jakie...

Z góry dziękuję za pomoc.
Pozdrawiam

Ten post edytował bebzon_hc 18.02.2012, 18:53:41