[javascript] menu Opcje

[angerthor]

Mam menu w postaci :

[HTML] pobierz, plaintext 
<ul id='menuT'>
 
 
 
	<li> Sub1
	<ul>
		<li><a >jakis link 1</a></li>
		<li><a >jakis link 2</a></li>
	</ul>
	</li>
 
 
 
	<li> Sub2
	<ul>
		<li><a >jakis link 1</a></li>
		<li><a >jakis link 2</a></li>
	</ul>
	</li>
 
 
        <li> Sub3
	<ul>
		<li><a >jakis link 1</a></li>
		<li><a >jakis link 2</a></li>
	</ul>
	</li>
 
        </ul>
 
[HTML] pobierz, plaintext 

Chce aby ono bylo w poziomie, a linki wyswietlaly sie tylko po najechaniu na konkretny Sub, zatem robie styl:

[HTML] pobierz, plaintext 
#menuT > li {
	float: left;
}
 
#menuT > li > ul {
	display: none;
 
}
[HTML] pobierz, plaintext 

I teraz pisząc kod w javascripcie, polegający na tym, że po najechaniu myszką na konkretnu sub, zmienia się "jego" ul na display:block; Problem polega jednak na tym, iż te suby są w poziomie i jeżeli długość linków jest dłuższa to się rozjeżdzają na boki.

Działa tutaj takie rozwiązanie

[HTML] pobierz, plaintext 
#menuT > li > ul {
	display: none;
	width: 1px; // ul'e maja teoretycznie dlugosc 1, czyli ich rodzice beda na pewno "dluzsi" i nie beda sie rozjezdzac.
}
[HTML] pobierz, plaintext 

Problem ten jednak nie jest dobry, gdy chcialbym zamiast "display: block", uzyc z jquery np. show("slow"), to bedzie pokazywac mi sie tylko 1px kreska (dlugosc ul'a). Jakies pomysły ?

Ten post edytował angerthor 11.08.2009, 09:42:32