Estoy trabajando en un proyecto y estaría teniendo problemas con los modales. Acá va el ejemplo:
Tengo un botón que abre modal_1 y este mismo muestra unas pestañas en la que una tiene una tabla, dentro de esa tabla hay un anchor/botón (puede ser los dos) que al hacer click abre modal_2 y me muestra un formulario con datos que luego de completarlos, le tengo que dar al botón "guardar" del modal_2 y cerrarse para mostrar la informacion en la tabla del modal_1.
El problema esta en que al abrir modal_2, el modal_1 se me cierra y yo necesito que quede abierto.
Este es mi codigo del modal_2:
<!-- MODAL VER CONCEPTO PARTICULAR -->
<div class="modal fade" id="ver-concepto-part" tabindex="-1" aria-labelledby="ver-concepto-part" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Conceptos Extras</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="col-md-12 grid-margin stretch-card">
<div class="card">
<div class="card-body">
<form class="form-sample">
<div class="row-md-6">
<div class="col-md-12">
<div class="form-group row">
<label class="col-sm-2 col-form-label" style="width: 13em;;">Concepto:</label>
<select id="" name="" style="width:40.9%;height:2.1em;margin:0 12px 0 10px; padding:0;">
<option value="agua">Agua</option>
<option value="luz">Luz</option>
</select>
<div class="form-check col-sm-2">
<label class="form-check-label">
<input type="checkbox" name="grupo-pago1" class="form-check-input" onclick="quitarChecksMenosEste('grupo-pago1', this)"> Claro </label>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label" style="width: 13em;;">Asignado a Cuenta:</label>
<select id="" name="" style="width:30.9%;height:2.1em;margin:0 12px 0 10px; padding:0;">
<option value="">Alquiler</option>
<option value="">Alquiler2</option>
</select>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label" style="width: 13em;;">Monto:</label>
<div style="width:7em;">
<input class="form-control" type="number" name="" id="" placeholder="$0,00">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label" style="width: 13em;;">Porcentaje del Alquiler:</label>
<div style="width:7em;">
<input class="form-control" type="number" name="" id="" placeholder="0,00%">
</div>
</div>
</div>
</div>
<div class="col-md-6 grid-margin stretch-card">
<div class="card">
<div class="card-body">
<h6 class="card-title">Inquilino:</h6>
<div class="d-flex align-items-start justify-content-start">
<div class="aplica-pun-inqui-c1">
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" name="grupo-pago1" class="form-check-input" onclick="quitarChecksMenosEste('grupo-pago1', this)"> Sin Efecto </label>
</div>
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" name="grupo-pago1" class="form-check-input" onclick="quitarChecksMenosEste('grupo-pago1', this)"> Sumar al Pago </label>
</div>
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" name="grupo-pago1" class="form-check-input" onclick="quitarChecksMenosEste('grupo-pago1', this)"> Descontar del Pago </label>
</div>
</div>
<div class="aplica-pun-inqui-c2">
<div class="form-check">
<label class="form-check-label" style="color:#5eb3e5;">
<input type="checkbox" name="grupo-pago1" class="form-check-input" onclick="quitarChecksMenosEste('grupo-pago1', this)"> Aplica Punitorios </label>
</div>
</div>
</div>
</div>
</div>
<div class="card" style="margin: 0 5px;">
<div class="card-body">
<h6 class="card-title">Propietarios:</h6>
<div class="d-flex align-items-start justify-content-start">
<div class="aplica-pun-inqui-c1">
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" name="grupo-pago1" class="form-check-input" onclick="quitarChecksMenosEste('grupo-pago1', this)"> Sin Efecto </label>
</div>
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" name="grupo-pago1" class="form-check-input" onclick="quitarChecksMenosEste('grupo-pago1', this)"> Sumar a lo que cobra </label>
</div>
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" name="grupo-pago1" class="form-check-input" onclick="quitarChecksMenosEste('grupo-pago1', this)"> Descontar de lo que cobra </label>
</div>
</div>
<div class="aplica-pun-inqui-c2">
<div class="form-check">
<label class="form-check-label" style="color:#5eb3e5;">
<input type="checkbox" name="grupo-pago1" class="form-check-input" onclick="quitarChecksMenosEste('grupo-pago1', this)"> Aplica Administración </label>
</div>
</div>
</div>
<hr>
<div class="col-xs-12">
<div class="form-check">
<label class="form-check-label" style="color:#5eb3e5;">
<input type="checkbox" name="grupo-pago1" class="form-check-input" onclick="quitarChecksMenosEste('grupo-pago1', this)"> Todos </label>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label" style="width: 8em;;">Propietario:</label>
<select id="" name="" style="width:50.9%;height:2.1em;margin:0 12px 0 10px; padding:0;">
<option value=""></option>
</select>
</div>
</div>
<div class="form-check">
<label class="form-check-label" style="color:#5eb3e5;">
<input type="checkbox" name="grupo-pago1" class="form-check-input" onclick="quitarChecksMenosEste('grupo-pago1', this)"> Entregar Comprobante </label>
</div>
</div>
</div>
</div>
<hr>
<div class="col-md-12 grid-margin stretch-card">
<div class="card">
<div class="card-body">
<h6 class="card-title">Período de Aplicación:</h6>
<div class="form-group row">
<label class="col-sm-2 col-form-label" style="width: 9em;;">Fecha Inicio:</label>
<div style="width:11em;">
<input class="form-control" type="date" name="" id="">
</div>
<label class="col-sm-2 col-form-label" style="width: 7em;;">Fecha Fin:</label>
<div style="width:11em;">
<input class="form-control" type="date" name="" id="">
</div>
</div>
<div class="d-flex align-items-start justify-content-start">
<div class="aplica-pun-inqui-c1">
<div class="form-check">
<label class="form-check-label">
<input type="radio" name="grupo-pago1" class="form-check-input" onclick="quitarChecksMenosEste('grupo-pago1', this)"> Todos </label>
</div>
<div class="form-check">
<label class="form-check-label">
<input type="radio" name="grupo-pago1" class="form-check-input" onclick="quitarChecksMenosEste('grupo-pago1', this)"> Meses Pares </label>
</div>
<div class="form-check">
<label class="form-check-label">
<input type="radio" name="grupo-pago1" class="form-check-input" onclick="quitarChecksMenosEste('grupo-pago1', this)"> Meses Impares </label>
</div>
</div>
</div>
<div class="table-responsive tabla-cobranza-inqui mt-4">
<table id="conceptos_extras_inqui" class="table table-bordered">
<thead>
<tr class="tr-cobranza-inqui">
<th class="th-meses"> Ene </th>
<th class="th-meses"> Feb </th>
<th class="th-meses"> Mar </th>
<th class="th-meses"> Abr </th>
<th class="th-meses"> May </th>
<th class="th-meses"> Jun </th>
<th class="th-meses"> Jul </th>
<th class="th-meses"> Ago </th>
<th class="th-meses"> Sep </th>
<th class="th-meses"> Oct </th>
<th class="th-meses"> Nov </th>
<th class="th-meses"> Dic </th>
</tr>
</thead>
<tbody>
<tr>
<td class="th-meses"> <input type="checkbox" name="" id=""> </td>
<td class="th-meses"> <input type="checkbox" name="" id=""> </td>
<td class="th-meses"> <input type="checkbox" name="" id=""> </td>
<td class="th-meses"> <input type="checkbox" name="" id=""> </td>
<td class="th-meses"> <input type="checkbox" name="" id=""> </td>
<td class="th-meses"> <input type="checkbox" name="" id=""> </td>
<td class="th-meses"> <input type="checkbox" name="" id=""> </td>
<td class="th-meses"> <input type="checkbox" name="" id=""> </td>
<td class="th-meses"> <input type="checkbox" name="" id=""> </td>
<td class="th-meses"> <input type="checkbox" name="" id=""> </td>
<td class="th-meses"> <input type="checkbox" name="" id=""> </td>
<td class="th-meses"> <input type="checkbox" name="" id=""> </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
<button class="btn btn-danger">Eliminar</button>
<button class="btn btn-primary" data-bs-target="#ver-conceptos-extras" data-bs-toggle="modal">Volver Atras</button>
</form>
</div>
</div>
</div>
</div>
<!-- FIN MODAL -->