Pasar a otro apartado (formulario)?

[rutenio3]

Hola practicando un poco con los formularios me he encontrado con un obstaculo, y es como poder pasar a otro apartado de un formulario tras escoger una opcion en unos checkbox.
Tras checkear por ejemplo el primer check box pasaria a un selector de opciones:

Código HTML:

<h2>Armas</h2>
		<select name="subfusiles" id="subfusil">
			<option selected value="1">kuda</option>
			<option value="2">Weevil</option>
			<option value="3">Razorback</option>
			<option value="4">Vesper</option>
			<option value="5">VMP</option>
			<option value="6">Classified</option>
		</select> 

Dejo el codepen para que veais lo que tengo hecho y si me podeis orientar. Gracias

[Alexis88]

¿Qué es lo que deseas hacer? ¿Ocultar el apartado actual y mostrar el siguiente? ¿Hacer un scroll automático y que baje hasta donde está el siguiente apartado?

Cualquiera de estas opciones es mejor no realizarlas utilizando un <input type="submit"> pues su propósito es el de enviar los datos del formulario a procesarse. Podrías cancelar el envío y hacer el pase de apartado, pero no es lo recomendable. Mejor utiliza un botón y, al darle un clic, oculta el apartado actual con la propiedad display de CSS y, con la misma, muestra el siguiente.

Código Javascript:

actual.style.display = "none";
siguiente.style.display = "block";
 

También podrías utilizar la propiedad opacity y tener todos los apartados superpuestos, de tal manera que ocultas al actual haciéndolo opaco y muestras el siguiente quitándole la opacidad.

Saludos

[rutenio3]

mmm gracias me gusta la idea, me informo ahora de como funciona.Saludos