Привет всем. Помогите разобраться кому не лень. Есть список select вида
<select>
<option>Пункт 1</option>
<option>Пункт 2</option>
<option>Пункт 3</option>
<option>Пункт 4</option>
</select>
И есть 4 блока div которые зависят от выбранного пункта списка.
<div id="parent_block">
<div id="1" class="contacts"></div>
<div id="2" class="contacts"></div>
<div id="3" class="contacts"></div>
<div id="4" class="contacts"></div>
</div>
Точнее которые должны зависеть. Например я выбираю "Пункт1" и он становится виден, а остальные скрываются. Выбираю пункт 3 становится виден блок с id="3", а все остальные скрываются. Как правильнее организовать? Такая вот задача. Может у кого в шаблонах есть...Хотелось бы если не готовый код, то хотябы небольшой кусочек что бы я его сам уже доработал. Заранее спасибо. Не судите строго за простецкий вопрос, ибо новичек. Пытаюсь разобраться.