Ukrywanie bloku DIV, Ukrywanie po wybraniu opcji na rozwijanej liście Opcje

[anm]

Chciałbym prosić o pomoc w prostym skrypcie. Wybranie jednej z opcji na rozwijanej liście ukrywałoby (lub pokazywało) blok <div>.

Potrzebuję zrobić dokładnie coś takiego:
Lista Shoe Size w tym sklepie służy do wybierania rozmiaru buta. Po wybraniu rozmiaru cena automatycznie zmienia się. Cena zawarta jest w bloku

[HTML] pobierz, plaintext 
<div class="price-box">...</div>
[HTML] pobierz, plaintext 

Chciałbym aby blok ten był ukryty zawsze, gdy nie wybrano żadnego rozmiaru, czyli gdy na liście wybrany jest napis "Coose an Option...". Aby ukryć blok trzeba by mu nadać styl visibility:hidden, lub po prostu nadać mu wcześniej zdefiniowaną klasę "ukryty", która miałaby już ten styl.

Nie znam się na JavaScript, ale wygląda to na prosty skrypt. (IMG:style_emoticons/default/smile.gif) Będę bardzo wdzięczny za wszelką pomoc.

[zegarek84]

widzę, że jest zaimplementowany framwork Prototype... więc ceny do zmiany wartoci odnajdziesz w ten sposób:
$$('.product-essential .price') - jest to tablica cen składająca się z 2 elementów - więc pierwszy to $$('.product-essential .price')[0]

nie wiem jak masz zmieniane ceny - nie chce mi się szukać skryptu - czy przez DOM czy przez innerHTML - jedno z drugim może nie grać jeśli element jest nadpisywany...

pasuje jeszcze gdy ceny nie będzie ukryć box z zatwierdzeniem zakupu który odszukać można przez:
$$('.product-essential .add-to-cart')[0]

co do przebudowania funkcji miałem na myśli zmianę zdażenia onchange na listenera addEventListener('change', funkcja, false) [na IE to z atachEvent...] - ale skoro jest prototype to z Event.observe