[js] odczyt wysokości div'a, funkcjonalnoś rozijanego menu Opcje

[gebp]

Krótki opis:
Mam strunę w standardzie:

[HTML] pobierz, plaintext 
<div id="baner>
BANER
</div>
<div id="menu">
MENU
</div>
<div id="content">
ładowanie zawartości linków
</div>
[HTML] pobierz, plaintext 

Za pomocą klasy AJAX ładuje do content'a np 4 div'y. Div id=1 i 3 zawierają podstawowe info o zamówieniach. Div o id=2 i id=4 (w stylach mają height ustawione na 0) posiadają szczegółowe informacje nt. zamówienia (odpowiednio z div'a id=1 szcegóły div id=2 i div id=3 z szczegółami w div'ie o id=4). Klasa którą wykorzystuje posiada funkcje płynnego rozwijania div'a do zadanej wysokości i/lub szerokości. Chciałbym ją wykorzystać jednak nie potrafię sobie poradzić z odczytaniem wysokości div'ów o id=2 i 4.
Znalazłem pewien przykład ale nie potrafię go rozgryźć (kuleje i to bardzo w java script)

Pytanie : Jak odczytać wysokość/szerokość div'a pomimo że w stylach ma ustawione height=0?

A może powinienem zapytać jak zrobić by div o id=2 i 4 nie były widoczne (rozciągnięte na pełną wielkość) aby za pomocą funkcji (którą mam) mógłbym je powiększyć ("rozciągnąć") do pełnej wielkości?