¿Cómo integro .toggle con errores de formulario?

Quiero mostrar un div que contenga otros campos (solo es necesario si es verdadero) si el campo booleano es verdadero, y ocultar el div si bool es falso. Actualmente este código funciona para mostrar y ocultar el div:

$('.hidden-div').hide(); $('#id_bool').change(function() { $('.hidden-div').toggle(this.true); }); 
   
# Hidden fields upon initial rendering of form, # but appear if bool is selected true. # If bool is true, these fields are required.

El valor predeterminado para el bool es falso, por lo que cuando el formulario se representa por primera vez, el div está oculto. El problema surge cuando verifica el booleano verdadero e intenta enviar el formulario sin completar los otros campos.

Luego, el formulario vuelve a ocultar el div y solo muestra errores para los campos que se muestran normalmente, aunque los campos ocultos son obligatorios. También mantiene el verdadero valor para el bool, pero la división oculta está oculta. Luego, si selecciona bool falso, reaparece el dv oculto, por lo que los roles se invierten, que no es lo que quiero.

¿Algún consejo sobre cómo solucionar esto?