Tengo este código:
<fieldset>
<section>
<label class="label">Select an option</label>
<label class="select">
<select required>
<option value="" selected="selected" disabled="disabled">Select an option</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
</select>
<i></i>
</label>
</section>
<section>
<label class="label">Select another option</label>
<div class="row">
<div class="col col-3">
<label class="radio state-success"><input type="radio" name="radio" id="radio" value="1" checked><i></i>1</label>
</div>
<div class="col col-3">
<label class="radio state-success"><input type="radio" name="radio" id="radio" value="2" ><i></i>2</label>
</div>
</div>
</section>
</fieldset>
Actualmente los dos seleccionables se muestran uno encima de otro. Me gustaría hacer que el segundo seleccionable aparezca tras haber completado el primero y a poder ser, que el segundo seleccionable varíe en función de la primera opción que se escoja. ¿Cómo puedo hacer?