Acessar elemento HTML(utilizando jQuery) que esta inserido na pagina via JSP include

Front-end JavaScript
#1

Olá, estou com o seguinte problema para executar o toggle em uma div class=“formularioCadastro” que esta inserida no meu HTML via JSP segue os codigos. No console eu a resposta de que esta dentro do metodo toggle,

`




<%@include file="/WEB-INF/tags/navbar.jsp" %>

navbar.jsp



                        <!--  NAVBAR BRAND - icone a esquerda da barraNAV-->
                        <div class="navbar-brand" >
                            <p id="navbar-brand" >#imagensumídas</p>
                            
                        </div>
                        
                            <div class="navbar-text"  id="navbar-text">
                            <p>Entre em contato e agende sua sessão: 3654-6589   <i class="fa fa-whatsapp"></i> </p>
                        </div>
                           
                        <!--  NAVBAR header - icone que aparecera quando a largura da tela diminuir-->
                        <div class="navbar-header">
                            <button type="button" class="navbar navbar-toggle" data-toggle="collapse" data-target="#example"> 
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>

                            </button> 

                        </div>

                        <!-- Menu a esquerda -->
                        <div class="collapse navbar-collapse " id="example">
                        
                            <div class="navbar-right">
                                <ul class="nav nav-pills" id="nav-pills">
                                    <li role="presentation"> 
                                        <button type="button" class="btn btn-default" >Login</button>
                                    </li>
                                    <li role="presentation">
                                        <button type="button" class="btn btn-default" id="btnCadastro">Cadastro</button>                                        </li>
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                </nav>
    </body>

meu javascript

var toggle = function (event){
    event.preventDefault;
    console.log("Dentro do toggle");
    $("#divFormularioCadastro").toggle("slow");

};

var iniciarBotoes = function (){
     console.log("Dentro do iniciar botoes");
     $("#btnCadastro").click(toggle("click"));
};

var aposInicializado = function (){
    iniciarBotoes();
    console.log($("#btnCadastro").text());
};

	
if (typeof jQuery != 'undefined') {
    console.log("jQuery ok");
} else {
    console.log("jQuery nao");
}

$(document).ready(aposInicializado);

e por fim a div formularioCadastro

<div id="divFormularioCadastro" class="divFormularioCadastro" >
<form action="executa" method="POST" class="form-group-sm" id="formularioCadastro">
    <input type="hidden" name="tarefa" value="NovoUsuario">
    <div class="row">
        <div class="col-sm-4">
       
        </div>
        <div class="col-sm-2"><h2 class="">Cadastro</h2>
        </div>
        <div class="col-sm-4">
       
        </div>
        
    </div>    
    
    <div class="row">
        <div class="col-sm-1"></div>
        <div class="input-group col-sm-10">
            
            <input class="form-control" type="text" placeholder="Nome:" name="nomeTxt" required>
            
            <span class="input-group-addon"><i class="fa fa-user"></i></span>
            
        </div>
        <div class="col-sm-1"></div>
    </div>
    
    <div class="row">
        <div class="col-sm-1"></div>
        <div class="input-group col-sm-10">
            
            <input class="form-control" type="email" placeholder="Email" name="emailTxt" required>
            
            <span class="input-group-addon"><i class="fa fa-mail-forward"></i></span>
            
        </div>
        <div class="col-sm-1"></div>
    </div>
    
    
     <div class="row">
        <div class="col-sm-1"></div>
        <div class="input-group col-sm-10">
            
            <input class="form-control" type="password" name="senhaTxt" placeholder="Senha: " required>
            <span class="input-group-addon"><i class="fa fa-lock"></i></span>
        </div>
        <div class="col-sm-1"></div>
    </div>
    <div class="row">
        <div class="col-sm-1"></div>
        <div class="input-group col-sm-10">
            
        <input class="btn-default center-block" type="submit" value="Entrar">        
        </div>
        <div class="col-sm-1"></div>
    </div>
    
    
</form>
</div>

quero fazer com que a div de cadastro apareca ao clicar no btnCadastro

obrigado