Nadawanie wysokości w zależności od ilości list

0

Witam, czy może mi ktoś napisać lub pomóc w napisaniu drobnego skryptu w jquery, który nada stosowną wysokość nadrzędnemu DIV?
Mam następujący kod:

<ul class="menu">
	<li><a href="" title="">O nas</a></li>
	<li><a href="" title="">Produkty</a>
		<ul>
			<li><a href="" title="">ciało</a></li>
			<li><a href="" title="">dłonie</a>
				<ul>
					<li><a href="" title="">masła</a></li>
					<li><a href="" title="">mleczka</a></li>
					<li><a href="" title="">peelingi</a></li>
					<li><a href="" title="" class="last">akcesoria</a></li>
				</ul>
			</li>
			<li><a href="" title="">kąpiel</a></li>
			<li><a href="" title="" class="last">akcesoria</a></li>
		</ul>
	</li>
	<li><a href="" title="">Aktualności</a></li>
	<li><a href="" title="">Newsletter</a></li>
	<li><a href="" title=""> Klub</a></li>
	<li><a href="" title="">Katalog PDF</a></li>
</ul>

i... poziom 2 i 3 ma pozycję absolutną. Potrzebuję aby wysokość pierwszego UL z klasą '.menu' zmieniała się w zależności od ilości kolejnych list. Czyli jeżeli mamy tylko jedno UL ('.menu') wysokość przypisana '.menu' = 50px, jeżeli mam UL + UL (pierwszy poziom i drugi) wysokość = 100px, i kolejny przypadek mam UL + UL + UL to wysokość '.menu' = 150px.
Jak można takie coś napisać w jQuery?

Dziękuję za wszelką pomoc.

dodanie znacznika <code class="html"> - @furious programming

0

Dzięki za pomoc. Udało się napisać prosty skrypt:

$(".menu").height(($(".menu").find("ul").length+1)*50);

1 użytkowników online, w tym zalogowanych: 0, gości: 1