campo só será requerido, se a checkbox for marcada

Galera, tô iniciando no desenvolvimento web e tô precisando de uma ajudinha.

É o seguinte , na minha pagina de cadastro, tem um CHECKBOX ..

Esse checkbox, é um toggle jquery.. Quando marcado, ele exibe uma div escondida, que é onde pede outros dados cadastrais..

Porém, esse checkbox ele não é obrigatório, o usuario pode se cadastrar, sem precisar marcar o checkbox e sem preencher os conteúdos dele também..

Porém, os campos escondidos com o checkbox ele usa a opção REQUIRED do HTML5, então acontece que o botão submit não funciona se nao preencher os dados escondido, pois fica na dependencia dos campos requeridos da div escondida afinal os campos sao requeridos.

-

-

Então, o que eu quero fazer, eu quero que esses campos só sejam requeridos, se a checkbox estiver marcada.

-

Alguém ajuda ae, lembrando, sou iniciante e aceito qualquer tipo de dica/crítica ! Obrigado