Друзья, стоит такая задача.
Есть 2 модели которые участвуют в расчете.
Модель 500 и Модель 600
выбираются они с помощью радиокнопок
<input class="input-model radio" name="type" type="radio" value="500">
<div class="model_name">МОДЕЛЬ 500</div>
<input class="input-model radio" name="type" type="radio" value="1000">
<div class="model_name">МОДЕЛЬ 600</div>
Далее у каждой модели есть подмодели
<input class="input-model radio" name="type" type="radio" value="1000">
<div class="model_name">МОДЕЛЬ 500-1</div>
<input class="input-model radio" name="type" type="radio" value="2000">
<div class="model_name">МОДЕЛЬ 500-2</div>
И уже у каждой подмодели есть свои версии двигателей.
<label><input type="radio" class="product_price radio" name="product_radio1" value="66000" checked><span class="radio-custom"></span></label><span>9 л.сил</span>
<label><input type="radio" class="product_price radio" name="product_radio1" value="67000"> <span class="radio-custom"></span> </label><span>13 л.сил</span>
<label><input type="radio" class="product_price radio" name="product_radio1" value="68000"> <span class="radio-custom"></span> </label><span>15 л.сил</span>
<label><input type="radio" class="product_price radio" name="product_radio1" value="70000"> <span class="radio-custom"></span> </label><span>17 л.сил</span>
<label><input type="radio" class="product_price radio" name="product_radio1" value="70000"> <span class="radio-custom"></span> </label><span>18,5 л.сил</span>
Вопрос заключается в том, как сделать так чтоб при выборе модели 500 открывался блок с радиокнопками модель 500-1 и 500-2 , а при выборе к примеру модель 500-1, открывался список двигателей л.с. только именно для 500-1 и так для каждой подмодели.
Мысль была сделать много блоков с радиокнопками и просто через css делать display:block; display:none;
Но хотелось бы на js реализовать. Подскажите в какую сторону копать.
