[JavaScript] Rozwijane menu i przejście z jednej listy do drugiej Opcje

[popson]

Witam!
Mam następujący problem. Mam menu w postaci listy, gdzie po najechaniu na jej element, pobierany jest jej id i wyświetlana odpowiednia lista pod spodem. Problem w tym, że nie wiem jak mogę zrobić, by przy przejściu nie chowało mi listy pod spodem.

menu w postaci listy:

[HTML] pobierz, plaintext 
<ul class="menu-list">
	<li id="l1" class="menu-item first">Text</li>
        <li id="l2" class="menu-item">Text</li>
        ....
</ul>
[HTML] pobierz, plaintext 

Część menu która jest rozwijana:

[HTML] pobierz, plaintext 
<ul id="el1" class="sub_menu">
	<li>text1</li>
 </ul>
[HTML] pobierz, plaintext 

Js odpowiedzialny za wyświetlanie i howanie, zrobione na hover. Wyszukuję listę o podanym id i dodaję jej klasę 'active'.

[HTML] pobierz, plaintext 
$("ul.menu-list li.menu-item").hover(function() {
	$(this).addClass('active');
	var id = $(this).attr('id');
	$("#menu-contener").find('ul#e'+id).addClass('active');
}, function(){
	var id = $(this).attr('id');			
	$(this).removeClass('active');
	$("#menu-contener").find('ul#e'+id).removeClass('active');
});
[HTML] pobierz, plaintext 

W jaki sposób to zrobić, by przy przejściu z ul.menu-list na ul.sub_menu nie znikała mi lista .sub_menu. Jeżeli kodu za dużo do pisania, proszę o wskazówki.

Pozdrawiam!
Piotrek

Problem rozwiązany. Temat do zamknięcia / usunięcia.

Pozdrawiam!

Ten post edytował popson 6.02.2013, 22:41:30