Доброго времени суток не подскажите как уменьшить размер скрипта а то еще добавить надо десять блоков и тогда скрипт будет огромным
вот сам скрипт
function toggle(switchElement) {
var avto = document.getElementById('avto');
var moto = document.getElementById('moto');
var shlemi = document.getElementById('shlemi');
var furgon_do = document.getElementById('furgon_do');
var gruz_sv = document.getElementById('gruz_sv');
if (switchElement.value == 'avto') {
avto.style.display = '';
moto.style.display = 'none';
shlemi.style.display = 'none';
furgon_do.style.display = 'none';
gruz_sv.style.display = 'none';
}
else if (switchElement.value == 'moto') {
avto.style.display = 'none';
shlemi.style.display = 'none';
furgon_do.style.display = 'none';
moto.style.display = '';
gruz_sv.style.display = 'none';
}
else if (switchElement.value == 'shlemi') {
avto.style.display = 'none';
shlemi.style.display = '';
moto.style.display = 'none';
furgon_do.style.display = 'none';
gruz_sv.style.display = 'none';
}
else if (switchElement.value == 'furgon_do') {
avto.style.display = 'none';
shlemi.style.display = 'none';
moto.style.display = 'none';
furgon_do.style.display = '';
gruz_sv.style.display = 'none';
}
else if (switchElement.value == 'gruz_sv') {
avto.style.display = 'none';
shlemi.style.display = 'none';
moto.style.display = 'none';
furgon_do.style.display = 'none';
gruz_sv.style.display = '';
}
else if (switchElement.value != 'moto' && switchElement.value != 'avto') {
avto.style.display = 'none';
moto.style.display = 'none';
}
}
вот html
<select name="select_left" size="1" id="select_left_id" onChange="toggle(this);">
<option selected="selected" value="avto" onClick="toggle(this);">Автомобили</option>
<option value="moto" onClick="toggle(this);">Мотоциклы</option>
<option value="shlemi" onClick="toggle(this);">Одежда шлемы</option>
<option value="furgon_do" onClick="toggle(this);">Фургоны, грузовые автомобили до 7,5т</option>
<option value="gruz_sv" onClick="toggle(this);">Грузовые автомобили свыше 7,5т</option>
</select>
<div id="avto" style="display: block;">...</div>
<div id="moto" style="display: none;">...</div>
. . . . .