Помогите плиз
Хочу сделать так, чтобы при выборе селекта
отображался соответствующий див, а остальные скрывались
у меня получается целая простыня для этого, но подозреваю, что должно быть решение намного проще
<div>
<select id="material">
<option>Выберите вид материала</option>
<option value="bumaga">Бумага</option>
<option value="karton">Картон</option>
<option value="poliflex">Полимеры гибкие</option>
<option value="polifix">Полимеры жесткие</option>
<option value="steklo">Стекло</option>
<option value="alumin">Металл (алюминий)</option>
<option value="ferrum">Металл (жесть)</option>
<option value="derevo">Древесина</option>
<option value="other">Другие</option>
</select>
</div>
<div style="clear:both">
<div class="bumaga"><?php echo $this->renderPosition('bumaga', array('style' => 'filter.block')); ?></div>
<div class="karton"><?php echo $this->renderPosition('karton', array('style' => 'filter.block')); ?></div>
<div class="poliflex"><?php echo $this->renderPosition('poliflex', array('style' => 'filter.block')); ?></div>
<div class="polifix"><?php echo $this->renderPosition('polifix', array('style' => 'filter.block')); ?></div>
<div class="steklo"><?php echo $this->renderPosition('steklo', array('style' => 'filter.block')); ?></div>
<div class="alumin"><?php echo $this->renderPosition('alumin', array('style' => 'filter.block')); ?></div>
<div class="ferrum"><?php echo $this->renderPosition('ferrum', array('style' => 'filter.block')); ?></div>
<div class="derevo"><?php echo $this->renderPosition('derevo', array('style' => 'filter.block')); ?></div>
<div class="other"><?php echo $this->renderPosition('other', array('style' => 'filter.block')); ?></div>
</div>