如何将.toggle与表单错误集成？

如果boolean field为true，我想显示一个包含其他字段的div（如果为true则仅需要），如果bool为false，则隐藏div。 目前此代码用于显示和隐藏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. 
  
 
  
  

bool的默认值为false，因此首次呈现表单时，div将被隐藏。 检查布尔值true时会出现问题，并尝试提交表单而不填写其他字段。

然后表单重新隐藏div，只显示正常显示字段的错误，即使需要隐藏字段。 它还保留了bool的真正价值，但隐藏了div。 然后，如果检查bool为false，则hidden-div重新出现，因此角色反转，这不是我想要的。

有关如何解决此问题的任何提示？