data-dismiss="modal"

Boa tarde;

	 

	Eu estou com um probleminha aqui que eu não consegui resolver.

	 

	O que eu quero, eu tenho uma pagina com 2 modal.

	 

	Um modal dentro do outro.

	Exemplo: 

	Quando eu abro um MODAL, eu tenho uma botão para abrir um novo modal. Ele abre certinho, porem na hora de fechar. Eu clico no botão fechar, ele fecha os dois MODAL.

	 

	E eu quero fechar somente o segundo modal que abre.

	 

	Abaixo segue o meu codigo.

	 

<div class="modal fade" id="ListagemRede" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 <div class="modal-dialog modal-lg" role="document">
 <div class="modal-content">
 <div class="modal-header">
 <h5 class="modal-title font-weight-bold" id="exampleModalLabel">LISTA DE REDES CADASTRADAS</h5>
 <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
 <span aria-hidden="true">×</span>
 </button>
 </div>
 <div class="modal-body">
 <table class="table text-center">
 <thead>
 <tr>
 <th scope="col">#</th>
 <th scope="col">Nome Rede</th>
 <th scope="col">Ação</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <th scope="row">1</th>
 <td>Rede 1</td>
 <td>
 <i class="fa fa-pencil fa-2x" style="color:#FB8A52;" data-toggle="modal" data-target="#EditarRede<%=r("id")%>"></i>

 <!-- Modal Editar a Rede -->
 <div class="modal fade" id="EditarRede<%=r("id")%>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 <div class="modal-dialog" role="document">
 <div class="modal-content">
 <div class="modal-header">
 <h5 class="modal-title" id="exampleModalLabel">Título do modal</h5>
 <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
 <span aria-hidden="true">×</span>
 </button>
 </div>
 <div class="modal-body">
 <form method="post" action="insere_rede.asp" id="forcadrede">
 <div class="form-row">
 <div class="form-group col-md-4">
 <input type="hidden" name="master" value="1" required>
 <label for="inputEmail4" class="font-weight-bold">*Nome Rede</label>
 <input type="text" name="nome" class="form-control blocochamada text-center" id="inputEmail4" placeholder="*Nome da Rede" autocomplete="off" required>
 </div>
 <div class="form-group col-md-4">
 <label for="inputEstado" class="font-weight-bold">*Grupo Coord.</label>
 <select id="inputEstado" name="coorden" class="form-control blocochamada text-center" autocomplete="off" required>
 <%
 set rscoord = conn.execute("select * from Inv_coord_grupo")
 %>
 <option selected>Escolher...</option>
 <%
 while rscoord.eof = false
 %>
 <option value="<%=rscoord("id")%>"><%=rscoord("nome_coordenador")%></option>
 <%
 rscoord.movenext
 wend
 %>
 </select>
 </div>
 <div class="form-group col-md-4">
 <label for="inputCEP" class="font-weight-bold">*Contrato Qtde</label>
 <input type="number" name="contratoqtde" class="form-control blocochamada text-center" id="inputCEP" placeholder="Contrato Qtde" autocomplete="off" required>
 </div>
 </div>
 <div class="form-row">
 <div class="form-group col-md-4">
 <label for="inputEmail4" class="font-weight-bold">*Valor Contrato</label>
 <input type="text" name="vlrcontrato" class="form-control blocochamada text-center" id="vlrContrato" placeholder="*Valor Contrato" autocomplete="off" required>
 </div>
 <div class="form-group col-md-4">
 <label for="inputCEP" class="font-weight-bold">*Valor Cont. Adici.</label>
 <input type="text" name="vlrcontadici" class="form-control blocochamada text-center" id="vlrContAdicion" placeholder="Valor Cont. Adici." autocomplete="off" required>
 </div>
 <div class="form-group col-md-4">
 <label for="inputEstado" class="font-weight-bold">*Status</label>
 <select id="inputEstado" name="status" class="form-control blocochamada text-center" autocomplete="off" required>
 <option selected>Escolher...</option>
 <option value="1">Ativo</option>
 <option value="0">Desativado</option>
 </select>
 </div>
 </div>
 <div class="modal-footer">
 <button type="button" class="btn btn-secondary btnfechar" data-dismiss="modal">Fechar</button>
 <button type="submit" class="btn btn-primary btnsubmit">Salvar</button>
 </div>
 </form>

 </div>
 </div>
 </div>
 </div>
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 <div class="modal-footer">
 <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
 </div>
 </div>
 </div>
</div>

	Quem puder me ajudar.

	 

	Att;

	Gilberto Jr